:root{ --main_color:#30579a; /* 主色 */ --module_gap-small:25px; --module_gap-middle:50px; --module_gap-large:75px; --module_gap-exceed:100px; --container_gap:10%; --container_gap-inside:20px; --container:calc(100% - calc(var(--container_gap)*2)); --container-pro:1200px; --header_height:100px; --body_gap:150px; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-size: var(--fz-14);} h1,h2,h3,h4,h5,h6{color: #000;margin: 0;padding: 0;} dl,li,ul,dt,dd,p{margin: 0;padding: 0;} a,a:hover,a:focus{color:#000;text-decoration: none;} img{max-width:100%;} html{font-size: 5.2083333333vw !important;} body{padding:0 var(--body_gap);background: #f3f3f3;} body.index_body{padding: 0;background: none;} .mb-5{margin-bottom: 5px;} .mb-10{margin-bottom: 10px;} .mb-15{margin-bottom: 15px;} .mb-20{margin-bottom: 20px;} .mb-25{margin-bottom: 25px;} .mb-30{margin-bottom: 30px;} .mb-40{margin-bottom: 40px;} .bg-white{background: #fff;} .hidden{display: none;} .visible{display: block;} .flex-between,.flex-between-row{display: flex;justify-content: space-between;align-items:center;} .container{width:calc(100% - calc(var(--container_gap-inside)*2));margin: 0 auto;box-sizing:border-box;padding: 0;position: relative;} .container:after{display: none;} .container--inside{width: 1200px;} .index_body .container{width: var(--container);} .hb-100{height: 100%;} .hide{display: none !important;} .show{display: block !important;} .text-center{text-align: center;} .text-center{text-align: left;} .inside__banner{margin-top: var(--header_height);width: 100%;} .inside__banner img{width: 100%;} .ptb-small{padding: var(--module_gap-small) 0;} .ptb-middle{padding: var(--module_gap-middle) 0;} .ptb-large{padding: var(--module_gap-large) 0;} .ptb-exceed{padding: var(--module_gap-exceed) 0;} /* 共用 */ .Cmn__topic{} .Cmn__topic h3{font-size: var(--fz-36);font-weight: bold;margin-bottom: 10px;letter-spacing: 3px;} .Cmn__topic h4{font-size: var(--fz-24);color: #8b8b8b;margin-bottom: var(--module_gap-small);} .Cmn__topic .line{height: 3px;background: var(--main_color);width: 30px;} .Cmn__topic--center{text-align: center;} .Cmn__topic--center .line{margin: 0 auto;} .Cmn__btn{display: inline-block;color: #fff;padding: 14px 40px;background: var(--main_color);font-size: var(--fz-14);} .Cmn__btn:hover{color: #fff;} .modal__search{position: fixed;top: 0;bottom: 0;width: 100%;height: 100%;z-index:11111;display: none;} .modal__search .bg{background: rgba(0,0,0,.3);position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .modal__search .box{width: 400px;max-width: 75%;height: 44px;position: absolute;left: 50%;top: 30%;transform:translate(-50%,-50%);} .modal__search .box form{width: 100%;height: 100%;} .modal__search .box span{display: flex;height: 100%;width: 100%;} .modal__search .box span input{width: calc(100% - 50px);outline: none;padding-left: 15px;font-size: var(--fz-16);border: none;background: #fff;} .modal__search .box span button{background: var(--main_color);color: #fff;border: none;width: 50px;cursor: pointer;} .modal__search .box span button i{font-size: var(--fz-21);} /* 头部 */ .header{height: var(--header_height);position: fixed;left: 50%;transform:translate(-50%,0);top: 0;background: #fff;width: calc(100% - var(--body_gap)*2);z-index:111;box-sizing:border-box;border-bottom: 1px solid #efefef;} .index_body .header{width: 100%;} .header .logo{} .header .logo .image{margin-right: 10px;} .header .logo .image img{min-width:60px;} .header .logo .text{} .header .logo .text h3{font-size: var(--fz-24);margin: 0;padding: 0;margin-bottom: 5px;white-space:nowrap;} .header .logo .text span{font-size: var(--fz-15);color: var(--main_color);font-weight: bold;white-space:nowrap;} .header .nav{} .header .nav .item{margin: 0 var(--module_gap-small);} .header .nav .item a{white-space: nowrap;} .header .search{margin-left: var(--module_gap-small);} .header .search a{display: inline-block;padding: 8px 10px;border-radius: 4px;} .header .search a i{color: #55595e;} .header .lang{margin-left: var(--module_gap-small);} .header .lang a{font-size:var(--fz-18);font-weight:bold} .header .nav .item{position: relative;} .header .nav .item>a{position: relative;z-index:1;font-size: var(--fz-16);position: relative;padding-right: 9px;} .header .nav .item.has_child>a:after{content:'\f0d7';font-family: FontAwesome;position: absolute;right: 0px;top: 50%;transform:translate(0,-50%);width: 10px;} .header .nav .item:before{position: absolute;height: 37px;width: 100%;left: 0;content:'';z-index:0;} .header .nav .item>i{transform:rotate(90deg);position: absolute;right: 0;top: 5px;} .header .nav .item .navBox{position: absolute;display: none;background: #fff;box-shadow:0 0px 8px #adadad;border-radius:6px;} .header .nav .item .navChild{position: relative;} .header .nav .item .navBox a{display: block;/* white-space: nowrap;overflow:hidden;text-overflow:ellipsis; */padding: 0 15px;height: 42px;line-height: 42px;font-size: var(--fz-16);} .header .nav .item .navBox>a:last-child{border-bottom: none;} .header .nav .item .navBox--two{left:50%;top: 37px;transform:translate(-50%,0);text-align: center;min-width:100px;} .header .nav .item.is_pro .navBox--two{width: 240px;text-align: left;} .header .nav .item:hover .navBox--two{display: block;background: #fff;} .header .nav .item:hover .navBox--two>a{} .header .nav .item:hover .navBox--two>.navChild--two:last-child{} .header .nav .item .navBox>.navChild{border-bottom: 1px solid rgba(48,87,154,.6);min-width:120px;} .header .nav .item .navBox>.navChild:first-child{border-top-left-radius: 6px;border-top-right-radius: 6px;} .header .nav .item .navBox>.navChild:last-child{border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;} .header .nav .item .navBox>.navChild:last-child{border-bottom: none;} .header .nav .item .navBox>.navChild:hover{background: var(--main_color);color: #fff;} .header .nav .item .navBox>.navChild:hover>a{color: #fff;} .header .nav .item .navBox>.navChild>a{font-size: var(--fz-14);color: #6d6d6d;} .header .nav .item .navBox--three{left: 100%;top: 0;} .header .nav .item .navChild--two:hover .navBox--three{display: block;} .header .nav .item .navBox--four{left: 100%;top: 0;} .header .nav .item .navChild--three:hover .navBox--four{display: block;} .header .nav .item .hasChild{font-family: FontAwesome;} .header .nav .item .hasChild:before{content:'\f0da';position: absolute;right: 8px;top: 50%;transform:translate(0,-50%);font-size: var(--fz-16);color: rgba(48,87,154,.6);} .header .nav .item .navChild--two.hasChild:hover:before,.header .nav .item .navChild--three.hasChild:hover:before{color: #fff;} /* 尾部 */ .footer{} .footer .box--one{background: var(--main_color);padding:var(--module_gap-large) 0;} .footer .box--one .container{align-items: flex-start;position: relative;} .footer .box--one .col--one{align-items: flex-start;width: 62%;justify-content: flex-start;} .footer .box--one .col--one .logo{margin-right: var(--module_gap-middle);} .footer .box--one .col--one .nav{align-items: flex-start;flex-grow:1;} .footer .box--one .col--one .nav dl{} .footer .box--one .col--one .nav dl dt{margin-bottom: 20px;} .footer .box--one .col--one .nav dl dt a{color: #fff;} .footer .box--one .col--one .nav dl dd{} .footer .box--one .col--one .nav dl dd a{display: block;color: rgba(255,255,255,.6);margin-bottom: 10px;font-size: var(--fz-14);} .footer .box--one .col--two{width: 33%;align-items: flex-start;justify-content: space-around;} .footer .box--one .col--two .code{color: #fff;text-align: center;} .footer .box--one .col--two .code .text{margin-bottom: 10px;} .footer .box--one .col--two .contact{color: #fff;padding-top: 10px;} .footer .box--one .col--two .contact h4{font-size: var(--fz-21);color: #fff;} .footer .box--one .col--two .contact h3{font-size: var(--fz-42);margin: 20px 0;color: #fff;} .footer .box--one .col--two .contact span{font-size: var(--fz-16);} .footer .box--two{padding:20px 0;background: #fff;} .footer .box--two span{margin-right: 30px;font-weight: bold;font-size: var(--fz-14);} .index__banner{font-size: 0;} .index__banner .swiper-container{height: 100%;} .index__banner .swiper-slide .image{height: 100%;} .index__banner .swiper-slide .image img{height: 100%;width: 100%;} .index__banner .swiper-slide .text{position: absolute;width: 100%;top: 50%;transform:translate(0,-50%);color: #fff;} .index__banner .swiper-slide .text .box{width: 33%;} .index__banner .swiper-slide .text .topic{margin-bottom: var(--module_gap-small);color: #fff;} .index__banner .swiper-slide .text .topic h3{font-size: var(--fz-32);font-weight: bold;margin-bottom: 8px;color: #fff;} .index__banner .swiper-slide .text .topic h4{font-size: var(--fz-21);color: #fff;} .index__banner .swiper-slide .text .desc{line-height: 1.8;font-size: var(--fz-16);margin-bottom: var(--module_gap-middle);} .index__banner .swiper-pagination{} .index__banner .build_swiper_0-pagination{position: absolute;z-index:11111;font-size: var(--fz-24);color: #fff;padding:0 var(--container_gap);bottom: 50px;} .index__pro{position: relative;padding:0;} .index__pro .container{position: static;height: 100%;display: flex;padding-left: var(--container_gap);width: 100%;} .index__pro .column{position: absolute;right: var(--container_gap);top: 50%;z-index:2;color: #fff;transform:translate(0,-50%);} .index__pro .column .item{margin-bottom: 30px;font-size: var(--fz-18);text-align: right;cursor:pointer;} .index__pro .column .item.active{font-size: var(--fz-28);} .index__pro .column .item:last-child{margin: 0;} .index__pro .bg{position: static;right: 0;top: 0;z-index:1;height:100%;} .index__pro .bg img{height: 100%;} .index__pro .box{position: relative;height: 100%;flex-grow:1;width: 50%;} .index__pro .list{height: 100%;} .index__pro .list .swiper-container{height: 100%;} .index__pro .list .item{display: flex;align-items: center;height: 100%;} .index__pro .list .item .text{margin-right: var(--module_gap-middle);} .index__pro .list .item .Cmn__topic{margin-bottom: var(--module_gap-middle);} .index__pro .list .item .Cmn__topic h3{white-space:nowrap;} .index__pro .list .item .Cmn__topic h4{margin-bottom: var(--module_gap-middle);white-space:nowrap;} .index__pro .list .item .desc{margin-bottom: var(--module_gap-middle);line-height: 1.6;color: #8f8f8f;} .index__pro .list .item .desc p{white-space: nowrap;} .index__pro .build_swiper_1-pagination{position: absolute;bottom:-90px;text-align: center;color: #797979;} .index__about{} .index__about .col--one{width: 50%;height: 100%;position: relative;overflow:hidden;} .index__about .col--one img{height: 100%;left:50%;transform:translate(-50%,0);position: absolute;} .index__about .col--two{width: 50%;padding: 0 5%;box-sizing:border-box;} .index__about .col--two .Cmn__topic{margin-bottom: var(--module_gap-small);} .index__about .col--two .box--text{margin-bottom: calc(var(--module_gap-middle) * 2);} .index__about .col--two .box--text h3{font-weight: bold;font-size: var(--fz-24);margin-bottom: var(--module_gap-small);line-height: 1.4;} .index__about .col--two .box--text span{line-height: 1.6;font-size: var(--fz-14);} .index__about .col--two .form{margin-bottom: var(--module_gap-small)} .index__about .col--two .box--list{} .index__about .col--two .box--list .item{} .index__about .col--two .box--list .item .topic{color: var(--main_color);font-weight: bold;margin-bottom: 5px;} .index__about .col--two .box--list .item .topic span{font-size: var(--fz-48);} .index__about .col--two .box--list .item .topic font{font-size: var(--fz-16);} .index__about .col--two .box--list .item .text{text-align: center;font-size: var(--fz-14);} .index__news{} .index__news .col--one{width: 50%;padding: 0 10%;box-sizing: border-box;} .index__news .col--one .Cmn__topic{margin-bottom: var(--module_gap-middle);} .index__news .col--one .list{margin-bottom: var(--module_gap-middle);} .index__news .col--one .list .item{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 15px;} .index__news .col--one .list .item:last-child{margin: 0;} .index__news .col--one .list .item .time{color: var(--main_color);font-size: var(--fz-21);font-weight: bold;margin-right: 20px;white-space: nowrap;} .index__news .col--one .list .item .text{font-size: var(--fz-14);} .index__news .col--two{width: 50%;height: 100%;} .index__news .col--two .list{height: 100%;} .index__news .col--two .list .item{display: flex;height: calc(50% - 1px);margin-bottom: 1px;} .index__news .col--two .list .item .image{font-size: 0;width: 50%;position: relative;overflow:hidden;background: #f1f1f1;} .index__news .col--two .list .item .image img{position: absolute;height: 100%;max-width: none;left: 50%;top: 50%;transform:translate(-50%,-50%);} .index__news .col--two .list .item .text{padding: 40px;width: 50%;box-sizing: border-box;position: relative;} .index__news .col--two .list .item:hover .text{background: var(--main_color);color: #fff;} .index__news .col--two .list .item .text .time{margin-bottom: var(--module_gap-small);font-weight: bold;font-size: var(--fz-18);} .index__news .col--two .list .item .text .topic{font-size: var(--fz-24);line-height: 1.6;} .index__news .col--two .list .item .text .topic a{font-size: var(--fz-24);} .index__news .col--two .list .item:hover .text .topic a{color: #fff;} .index__news .col--two .list .item .text .form{position: absolute;bottom: 40px;width: 100%;left: 0;text-align: right;padding: 0 40px;box-sizing: border-box;display: none;} .index__news .col--two .list .item:hover .text .form{display: block;} .index__news .col--two .list .item .text .form a{} .index__certificate{background: url(../index_img_08.jpg) no-repeat;background-size:100% 100%;/* padding: var(--module_gap-exceed) 0 0; */box-sizing: border-box;display: flex;flex-direction:column;justify-content: center;} .index__certificate .container{position: relative;} .index__certificate .Cmn__topic{margin-bottom:35px;} .index__certificate .list{width: 70%;margin: 0 auto;} .index__certificate .list .item .text{background: var(--main_color);color: #fff;text-align: center;padding: 12px 10px;font-size: var(--fz-14);} .index__certificate .swiper-button-next,.index__certificate .swiper-button-prev{background: #fff;width: 40px;height: 40px;} .index__certificate .swiper-button-next:after,.index__certificate .swiper-button-prev:after{font-size: var(--fz-24);color: #000;} .index__partner{padding: var(--module_gap-large) 0;} .index__partner .list{width: calc(100% - 100px);margin: 0 auto;} .index__partner .list .item{border:1px solid #d6d6d6;font-size: 0;text-align: center;} .index__partner .container .swiper-button-prev,.index__partner .container .swiper-button-next{color: #000;background: none;} .inside__column{align-items: flex-start;} .inside__column .col--one{width: 19%;} .inside__column .col--one .title{font-size: var(--fz-21);margin-bottom: 20px;color: var(--main_color);font-weight: bold;padding-left: 5px;} .inside__column .col--one .list{} .inside__column .col--one .list .item{border-bottom: 1px solid #fff;position: relative;} .inside__column .col--one .list .item>a{display: block;height: 45px;line-height: 45px;padding: 0 15px;transition:.5s all ease;background: #efefef;} .inside__column .col--one .list .item:hover>a,.inside__column .col--one .list .item.active>a{background: var(--main_color);color: #fff;} .inside__column .col--one .list .item i{font-size: var(--fz-21);position: absolute;top:13px;right: 10px;cursor:pointer;transition:.5s all ease;color: var(--main_color);} .inside__column .col--one .list .item:hover>i,.inside__column .col--one .list .item.active>i{color: #fff;} .inside__column .col--one .list .item.active>i{transform:rotate(90deg);} .inside__column .col--one .list .item .childBox--one{display: none;} .inside__column .col--one .list .item .childBox--one>.childItem--one{margin-bottom: 10px;position: relative;} .inside__column .col--one .list .item .childBox--one>.childItem--one>i{top: 0px;color: var(--main_color);display:inline-block;right:0; /* border-radius:50%;border:1px solid var(--main_color);width:21px;height:21px;font-size: 16px; */} /* .inside__column .col--one .list .item .childBox--one>.childItem--one>i:before{position: absolute;left: calc(50% + 1px);top:calc(50% - 1px);transform:translate(-50%,-50%);} */ .inside__column .col--one .list .item .childBox--one>.childItem--one.active>i{transform:rotate(90deg);} .inside__column .col--one .list .item.active .childBox--one{display: block;padding: 15px 15px;} .inside__column .col--one .list .item.active .childBox--one .childItem--one>a{display: block;} .inside__column .col--one .list .item.active .childBox--one .childItem--one>a.optioned{color: var(--main_color);font-weight: bold;} .inside__column .col--one .list .item.active .childBox--one .childItem--one:last-child{margin-bottom: 0;} .inside__column .col--one .list .item .childBox--two{padding-left: 15px;padding-top: 5px;display: none;} .inside__column .col--one .list .item .childItem--one.active .childBox--two{display: block;} .inside__column .col--one .list .item .childBox--two>a{display: block;margin-bottom: 8px;} .inside__column .col--one .list .item .childBox--two>a.optioned{color: var(--main_color);font-weight: bold;} .inside__column .col--one .list .item .childBox--two>a:first-child{margin-top: 5px;} .inside__column .col--one .list .item .childBox--two>a:last-child{margin-bottom: 0;} .inside__column .col--two{width: 77%;} .inside__topic{border-bottom: 1px solid #dedede;margin-bottom: 20px;padding-bottom: 20px;} .inside__topic h3{font-size: var(--fz-21);color: var(--main_color);text-align: left;font-weight: bold;} .search_neko_16_1_38 .page-search-form input{border-radius: 0;} .feedback_neko_35_1_36 label{margin-bottom:10px;} /* 侧边在线客服 */ .qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;} .scrollsidebar{position:absolute;z-index:999;top:220px;right:0} .side_content{width:167px;height:auto;overflow:hidden;float:left;} .side_content .side_list{width:167px;overflow:hidden;} .show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;} .show_btn span{display:none;} .close_btn{width:24px;height:24px;cursor:pointer;} .side_title,.side_bottom,.close_btn,.show_btn{background:url(../sidebar_bg.png) no-repeat;_background:url(../sidebar_bg.gif) no-repeat;} .side_title{height:46px;} .side_title{height:46px;} .side_bottom{height:8px;} .side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:var(--fz-12);} .close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;} .close_btn span{display:none;} .side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;} .phoneserver {font-size:var(--fz-14);text-align:center;} .phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;} .msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;} .msgserver a{background:url(../sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;} .side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;} .qrcode_list{position: relative;} .qrcode_list h3{font-size: var(--fz-16);font-weight:bold;margin:0;text-align:center;cursor:default;} .qrcode_list div.qrcode_hide{display:none;} /* green skin */ .side_green .side_title{background-position:-505px 0;} .side_green .side_center{background:url(../green_line.gif) repeat-y center;} .side_green .side_bottom{background-position:-505px -60px;} .side_green .close_btn{background-position:-44px -45px;} .side_green .close_btn:hover{background-position:-65px -45px;} .side_green .show_btn{background-position:-187px 0;} .side_green .msgserver a{color:#68c40b;} .side_green hr{border-bottom:1px solid #edf2e5;} .subcolumn_nav_neko_28_1_7 .neko-column-nav-ul li a{font-size: var(--fz-16);} .dropdown-toggle::after{content:'\f0d7';font-family:FontAwesome;border: none;vertical-align: inherit;font-size:24px;} .news_list_page_neko_16_1_43 .neko-news-list li h4 span{font-size: var(--fz-24);} .news_list_page_neko_16_1_43 .neko-news-list li p{font-size: var(--fz-16);} .news_list_detail_neko_16_1_22 .details-title h1{font-size: var(--fz-32);} .breadcrumb{padding:.2rem 0rem;} .form-control{padding: .1rem;font-size: var(--fz-16);height: 36px;} .sidebar_neko_83_1_41 .sidebar-column li a{font-size: var(--fz-16);} .sidebar_neko_83_1_41 .sidebar-news-list h3{font-size: var(--fz-16) !important;} .sidebar_neko_83_1_41 .sidebar-news-list .list-group a.imga{display: block;} .list-group-item{padding: 0.1rem;} .news_list_detail_neko_16_1_22 .neko-page .pagination li a{} .blocks>.block, [class*=blocks-]>.block, [class*=blocks-]>li{padding-left: .1rem;padding-right: .1rem;} .page-link{padding: 0.1rem;} .page-item:first-child .page-link{border-top-left-radius:.1rem;border-bottom-left-radius:.1rem;} .page-item:last-child .page-link{border-top-right-radius:.1rem;border-bottom-right-radius:.1rem;} .neko-page .container{width: 100%;} .blocks, [class*=blocks-]{margin-left: 0;margin-right: 0;} .location_neko_16_1_23{display: none;} .location_neko_16_1_23 .container{width: var(--container-pro);} .neko-crumbs{display: none;} .subcolumn_nav_neko_28_1_12 .neko-column-nav-ul li a{font-size: var(--fz-16);} .product_list_page_neko_76_2_14{padding-top: 70px;} .product_list_page_neko_76_2_14 .container{width: var(--container-pro);} .product_list_page_neko_76_2_14 ul li{} .product_list_page_neko_76_2_14 .product-link{} .product_list_page_neko_76_2_14 .product-link .image{overflow:hidden;height: 180px;position: relative;} .product_list_page_neko_76_2_14 .product-link .image img{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);} .product_list_page_neko_76_2_14 .product-btn{position: static;transform: none;width: 100%;background: var(--main_color);} .product_list_page_neko_76_2_14 .product-link:hover .product-btn{transform: none;background: #fff;} .product_list_page_neko_76_2_14 .product-title{font-size: var(--fz-14);color: #fff;} .product_list_page_neko_76_2_14 .product-link:hover .product-title span{color: #000 !important;} .product_list_page_neko_76_2_14 .product-msg{font-size: var(--fz-12);} .product_list_page_neko_76_2_14 .product-title>span{white-space:nowrap;text-overflow: ellisps;overflow:hidden;display: block;} .show_neko_16_1_8 .neko-editor{} .show_neko_16_1_8 .neko-editor table,.show_neko_16_1_8 .neko-editor table td{border: none !important;/* vertical-align: middle;text-align: center; */width:auto;} .show_neko_16_1_8 .neko-editor table td img{width: auto;height: auto;} .row{margin-left: 0;margin-right: 0;} .feedback_neko_35_1_36 .form-group input{border-radius: 12px;padding:15px;} .feedback_neko_35_1_36 .form-group textarea{border-radius: 12px;padding:15px;} .feedback_neko_35_1_36 .form-group button{font-size: var(--fz-16);height: 36px;line-height:inherit;} .feedback_neko_35_1_36 .form-group .input-group-icon img{max-width:none;vertical-align:top;} .feedback_neko_35_1_36 .form-group .input-group-icon span{right: auto;left:calc(30% - 93px);height: 36px;padding: 2px !important;top: 32px;} .media-lg .media-object{max-width:none;} .product_list_page_neko_76_2_14 .product-title{line-height: inherit;} .product_list_detail_neko_28_1_40.pagetype1 #neko-imgs-slick1 .slick-slide span{margin-left: 0;} .product_list_detail_neko_28_1_40 .product-detail .panel .line{background: #e8e8e8;height: 3px;width: 100%;} .panel-group .panel-collapse .panel-body{padding: 15px;} .panel{border-radius: 0;} .product_list_detail_neko_28_1_40 .container{width: var(--container-pro);} .product_list_detail_neko_28_1_40.pagetype1 .neko-showproduct-head .product-intro h1{color: var(--main_color);} .product_list_detail_neko_28_1_40 .inside__column .col--two{width: 78%;} .news_list_detail_neko_16_1_22 .neko-editor strong{font-size: 100%;} .neko-editor strong{font-size: 100%;} .news_list_page_neko_16_1_43.neko-news{background: #fff;} .news_list_page_neko_16_1_43 .neko-news-list{padding: 0;padding-bottom: 30px;} .news_list_page_neko_16_1_43 .neko-news-list li:first-child{padding-top: 0;} /* .news_list_page_neko_16_1_43 .neko-news-list li .media-left{display: none;} */ .news_list_detail_neko_16_1_22 {background: #fff;} .news_list_detail_neko_16_1_22 .details-title{padding-top: 0;} .partner .product-link .image{height: 150px;} .partner .product-link .image img{width: 90%;} @media all and (min-width:1201px) and (max-width:1740px){ :root{ --module_gap-small:15px; } } @media all and (min-width:1401px) and (max-width:1600px){ :root{ --body_gap:80px; } } @media all and (min-width:1201px) and (max-width:1400px){ :root{ --container_gap:2%; --body_gap:0px; --module_gap-small:15px; --module_gap-middle:30px; --module_gap-large:45px; --module_gap-exceed:60px; } .hide-lg{display: none !important;} .show-lg{display: block !important;} .header .search{margin-left: 20px;} .index__banner .swiper-slide .text .box{width: 40%;} .index__about .col--two{padding: 0 20px;} .index__about .col--two .box--list .item .topic span{font-size: var(--fz-32);} .product_list_page_neko_76_2_14 .container{width:calc(100% - calc(var(--container_gap-inside)*2));} } @media all and (min-width:997px) and (max-width:1200px){ :root{ --container_gap:2%; --body_gap:0px; --module_gap-small:15px; --module_gap-middle:30px; --module_gap-large:45px; --module_gap-exceed:60px; } .hide-md{display: none !important;} .show-md{display: block !important;} .header .logo{margin-right: 30px;} .header .search{display: none;} .header .lang{display: none;} .header .nav .item{margin: 0 10px;} .header .logo .text h3{margin-bottom: 0;} .header .logo .text span{display: none;} .index__banner .swiper-slide .text .box{width: 40%;} .index__about .col--two{padding: 0 20px;} .index__about .col--two .box--list .item .topic span{font-size: var(--fz-32);} .product_list_page_neko_76_2_14 .container{width:calc(100% - calc(var(--container_gap-inside)*2));} } @media all and (min-width:769px) and (max-width:996px){ .hide-sm,.hidden-sm{display: none !important;} .show-sm,.visible-sm{display: block !important;} } @media all and (max-width:996px){ :root{ --module_gap-small:20px; --module_gap-middle:30px; --module_gap-large:45px; --module_gap-exceed:60px; --header_height:100px; --container_gap:var(--module_gap-small); --fz-exceed:50px; --fz-large:37px; --fz-middle:33px; --fz-small:27px; --fz-es:25px; --body_gap:0px; } .hb-100{height: auto;} .Cmn__topic h3{font-size: var(--fz-large);} .Cmn__topic h4{font-size: var(--fz-middle);} .Cmn__btn{font-size: var(--fz-es);} .flex-between{flex-direction: column;} .container{padding: 0;} .container:after{display: none;} .hide-xs{display: none !important;} .show-xs{display: block !important;} .header{border-bottom: 1px solid #dedede;} .header .container{height: 100%;} .header .nav{max-height:0;overflow:hidden;flex-direction: column;position: fixed;top: var(--header_height);left: 0;width: 100%;padding: 0px var(--module_gap-small);background: #fff;align-items: flex-start;border-bottom: 1px solid #ededed;transition:.6s all cubic-bezier(0, 0.01, 1, 1);border-bottom: 1px solid #dedede;} .header .nav.active{max-height:1000px;padding: 10px var(--module_gap-small);overflow: auto;} .header .nav .item{margin: 0;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #adadad;width: 100%;} .header .nav .item:last-child{margin: 0;border-bottom: none;} .header .nav .item:before{display: none;} .header .nav .item a{font-size: var(--fz-18);} .header .nav .item>i{transform: none;font-size: 36px;position: absolute;right: 10px;top: 3px;color: var(--main_color);} .header .nav .item.active>i{transform: rotate(90deg);} .header .nav .item>i:before{content:'\f138';} .header .nav .item .hasChild:before{top:9px;transform:none;display: none;} .header .nav .item:hover .navBox--two{display: none;} .header .nav .item .navBox{box-shadow: none;} .header .nav .item .navBox a{height: auto;line-height: inherit;padding: 10px 0px;} .header .nav .item .navBox>.navChild i{color: var(--main_color);} .header .nav .item .navBox>.navChild:hover{color: #6d6d6d;background: none;} .header .nav .item .navBox>.navChild:hover i{color: var(--main_color);} .header .nav .item .navBox>.navChild:hover>a{color: #6d6d6d;} .header .nav .item .navBox--two{display: none;text-align: left;margin: 0 20px;position: relative;} .header .nav .item .navBox--three{margin: 0 20px;} .header .nav .item .navBox--four{margin: 0 20px;} .header .nav .item.active .navBox--two{display: block;} .header .nav .item.is_pro .navBox--two{width: auto;} .header .nav .item .navChild--two:hover .navBox--three{display: none;} .header .nav .item .navChild--three:hover .navBox--four{display: none;} .header .nav .item .navChild--two>i,.header .nav .item .navChild--three>i{position:absolute;top: 17px;right: 4px;font-size: 32px;} .header .nav .item .navChild--two.active>i,.header .nav .item .navChild--three.active>i{transform: rotate(90deg);} .header .nav .item .navChild--two.active>.navBox--three{display: block;} .header .nav .item .navChild--three.active>.navBox--four{display: block;} .header .logo a{} .header .logo a img{max-height:var(--header_height);} .header .logo .text span{display: none;} .header .box .menuIcon i{font-size: var(--fz-32);} .header .nav .item .navBox{position: static;transform: none;} .header .nav .item.active .navBox--two{display: block;} .index{margin-top: var(--header_height);} .index__banner{} .index__banner .swiper-slide .text .box{width: 100%;} .index__banner .swiper-slide .text .topic{} .index__banner .swiper-slide .text .topic h3{font-size: var(--fz-large);} .index__banner .swiper-slide .text .topic h4{font-size: var(--fz-middle);} .index__banner .swiper-slide .text .desc{line-height: 1.4;display: none;} .index__pro{padding-top: 180px;} .index__pro .column{display:flex;width:100%;justify-content:space-around;height:100px;align-items:center;transform: none;top: 0;left: 0;} .index__pro .column .item{margin-bottom: 0;font-size: var(--fz-small);color: rgba(255,255,255,.5);} .index__pro .column .item.active{font-size: var(--fz-small);color: #fff;} .index__pro .bg{height: auto;height: 180px;left: 0;position: absolute;} .index__pro .bg img{width: 100%;} .index__pro .list .item{flex-direction: column;} .index__pro .list .item .Cmn__topic{margin-bottom: var(--module_gap-small);} .index__pro .list .item .Cmn__topic h4{margin-bottom: var(--module_gap-small);} .index__pro .list .item .text{width: 100%;margin-right: 0;margin-bottom: var(--module_gap-small);} .index__pro .list .item .desc{margin-bottom: var(--module_gap-small);} .index__pro .list .item .desc p{display: inline;font-size: var(--fz-es);} .index__about{margin-bottom: var(--module_gap-middle);} .index__about .col--one{width: 100%;} .index__about .col--one img{position: relative;} .index__about .col--two{width: 100%;padding: 0 var(--module_gap-small);} .index__about .col--two .box--text{margin-bottom: var(--module_gap-small);} .index__about .col--two .box--text h3{font-size: var(--fz-small);} .index__about .col--two .box--text span{font-size: var(--fz-es);} .index__about .col--two .box--list .item{text-align: center;} .index__about .col--two .box--list .item .topic font{font-size: var(--fz-es);} .index__about .col--two .box--list .item .text{font-size: var(--fz-es);} .index__news .col--one{width: 100%;padding:0 var(--module_gap-small);margin-bottom: var(--module_gap-middle);order:1;} .index__news .col--one .list .item .time{font-size: var(--fz-small);white-space: nowrap;} .index__news .col--one .list .item .text{font-size: var(--fz-es);overflow:hidden;white-space: nowrap;text-overflow:ellipsis;} .index__news .col--two{width: 100%;} .index__news .col--two .list .item:first-child{background: var(--main_color);color: #fff;} .index__news .col--two .list .item .text .topic{font-size: var(--fz-small);} .index__news .col--two .list .item:first-child .text .topic a{color: #fff;} .index__news .col--two .list .item:first-child .text .form{display: block;} .index__news .col--two .list .item .text .time{font-size: var(--fz-es);} .index__certificate{padding: var(--module_gap-exceed) 0;} .index__certificate .list .item .image{text-align: center;} .index__certificate .list .item .text{font-size: var(--fz-small);} .index__certificate .list .swiper-pagination-custom{font-size: var(--fz-middle);text-align: center;display: none;} .index__partner .list{flex-wrap:wrap;flex-direction:initial;justify-content: center;} .footer .box--one .col--one{width: 100%;} .footer .box--one .col--one .logo{text-align: center;margin-bottom: var(--module_gap-small);width: 100%;} .footer .box--one .col--one .nav{flex-wrap:wrap;flex-direction: initial;justify-content: space-around;width: 100%;display: none;} .footer .box--one .col--one .nav dl dt a{font-size: var(--fz-small);} .footer .box--one .col--one .nav dl dd a{font-size: var(--fz-es);} .footer .box--one .col--two{width: 100%;flex-direction: column;justify-content: space-between;align-items: center;} .footer .box--one .col--two .contact{text-align: center;} .footer .box--one .col--two .code .text{font-size: var(--fz-es);} .footer .box--one .col--two .contact h4{font-size: var(--fz-es);} .footer .box--one .col--two .contact span{font-size: var(--fz-es);} .footer .box--two span{font-size: var(--fz-es);} .scrollsidebar{display: none;} .inside__column .col--one{width: 100%;} .inside__column .col--two{width: 100%;} .inside__column .col--one .list .item>a{font-size: var(--fz-16);} .product_list_page_neko_76_2_14 .product-link .image{height:150px;} .product_list_page_neko_76_2_14 .product-link .image img{width: 40%;} .product_list_detail_neko_28_1_40 .inside__column .col--two{width: 100%;} .product_list_detail_neko_28_1_40.pagetype1 .panel-group{overflow: auto;} .inside__column{padding: 0 15px;} .location_neko_16_1_23 .container{width: calc(100% - calc(var(--container_gap-inside)*2));} .inside__column .col--one{margin-bottom: var(--module_gap-middle);} .inside__column .col--one .list .item>a{height: 66px;line-height: 66px;} .inside__column .col--one .list .item i{top:20px;} .product_list_page_neko_76_2_14 .product-title{height: auto;font-size: var(--fz-18);margin-bottom: 0;} } @media all and (max-width: 900px) { html {font-size: 46.875px;} } @media all and (min-width:1921px) { :root{ --fz-12:0.625vw; --fz-14:0.7291666667vw; --fz-15:0.78125vw; --fz-16:0.8854166667vw; --fz-18:0.9375vw; --fz-21:1.09375vw; --fz-24:1.25vw; --fz-28:1.4583333333vw; --fz-32:1.6666666667vw; --fz-36:1.875vw; --fz-42:2.1875vw; --fz-48:2.5vw; --fz-65:3.3854166667vw; } .s0 {font-size:0 !important;} .s12 {font-size:0.625vw !important;} .s13 {font-size:0.6770833333vw !important;} .s14 {font-size:0.7291666667vw !important;} .s15 {font-size:0.78125vw !important;} .s16 {font-size:0.8333333333vw !important;} .s17 {font-size:0.8854166667vw !important;} .s18 {font-size:0.9375vw !important;} .s19 {font-size:0.9895833333vw !important;} .s20 {font-size:1.0416666667vw !important;} .s21 {font-size:1.09375vw !important;} .s22 {font-size:1.1458333333vw !important;} .s23 {font-size:1.1979166667vw !important;} .s24 {font-size:1.25vw !important;} .s25 {font-size:1.3020833333vw !important;} .s26 {font-size:1.3541666667vw !important;} .s27 {font-size:1.40625vw !important;} .s28 {font-size:1.4583333333vw !important;} .s29 {font-size:1.5104166667vw !important;} .s30 {font-size:1.5625vw !important;} .s31 {font-size:1.6145833333vw !important;} .s32 {font-size:1.6666666667vw !important;} .s33 {font-size:1.71875vw !important;} .s34 {font-size:1.7708333333vw !important;} .s35 {font-size:1.8229166667vw !important;} .s36 {font-size:1.875vw !important;} .s37 {font-size:1.9270833333vw !important;} .s38 {font-size:1.9791666667vw !important;} .s39 {font-size:2.03125vw !important;} .s40 {font-size:2.0833333333vw !important;} .s41 {font-size:2.1354166667vw !important;} .s42 {font-size:2.1875vw !important;} .s43 {font-size:2.2395833333vw !important;} .s44 {font-size:2.2916666667vw !important;} .s45 {font-size:2.34375vw !important;} .s46 {font-size:2.3958333333vw !important;} .s47 {font-size:2.4479166667vw !important;} .s48 {font-size:2.5vw !important;} .s49 {font-size:2.5520833333vw !important;} .s50 {font-size:2.6041666667vw !important;} .s51 {font-size:2.65625vw !important;} .s52 {font-size:2.7083333333vw !important;} .s53 {font-size:2.7604166667vw !important;} .s54 {font-size:2.8125vw !important;} .s55 {font-size:2.8645833333vw !important;} .s56 {font-size:2.9166666667vw !important;} .s57 {font-size:2.96875vw !important;} .s58 {font-size:3.0208333333vw !important;} .s59 {font-size:3.0729166667vw !important;} .s60 {font-size:3.125vw !important;} .s62 {font-size:3.2291666667vw !important;} .s65 {font-size:3.3854166667vw !important;} .s72 {font-size:3.75vw !important;} .s80 {font-size:4.1666666667vw !important;} .s100 {font-size:5.2083333333vw !important;} .s250 {font-size:13.0208333333vw !important;} } @media all and (min-width:751px) and (max-width:1920px) { :root{ --fz-12:12px; --fz-14:calc(12px + 0.1041666667vw); --fz-15:calc(12px + 0.15625vw); --fz-16:calc(12px + 0.2083333333vw); --fz-18:calc(12px + 0.3125vw); --fz-21:calc(12px + 0.46875vw); --fz-24:calc(12px + 0.625vw); --fz-28:calc(12px + 0.8333333333vw); --fz-32:calc(12px + 1.0416666667vw); --fz-36:calc(12px + 1.25vw); --fz-42:calc(12px + 1.5625vw); --fz-48:calc(12px + 1.875vw); --fz-65:calc(12px + 2.7604166667vw); } .s0 {font-size:0;} .s12 {font-size:12px;} .s13 {font-size:calc(12px + 0.0520833333vw) !important;} .s14 {font-size:calc(12px + 0.1041666667vw) !important;} .s15 {font-size:calc(12px + 0.15625vw) !important;} .s16 {font-size:calc(12px + 0.2083333333vw) !important;} .s17 {font-size:calc(12px + 0.2604166667vw) !important;} .s18 {font-size:calc(12px + 0.3125vw) !important;} .s19 {font-size:calc(12px + 0.3645833333vw) !important;} .s20 {font-size:calc(12px + 0.4166666667vw) !important;} .s21 {font-size:calc(12px + 0.46875vw) !important;} .s22 {font-size:calc(12px + 0.5208333333vw) !important;} .s23 {font-size:calc(12px + 0.5729166667vw) !important;} .s24 {font-size:calc(12px + 0.625vw) !important;} .s25 {font-size:calc(12px + 0.6770833333vw) !important;} .s26 {font-size:calc(12px + 0.7291666667vw) !important;} .s27 {font-size:calc(12px + 0.78125vw) !important;} .s28 {font-size:calc(12px + 0.8333333333vw) !important;} .s29 {font-size:calc(12px + 0.8854166667vw) !important;} .s30 {font-size:calc(12px + 0.9375vw) !important;} .s31 {font-size:calc(12px + 0.9895833333vw) !important;} .s32 {font-size:calc(12px + 1.0416666667vw) !important;} .s33 {font-size:calc(12px + 1.09375vw) !important;} .s34 {font-size:calc(12px + 1.1458333333vw) !important;} .s35 {font-size:calc(12px + 1.1979166667vw) !important;} .s36 {font-size:calc(12px + 1.25vw) !important;} .s37 {font-size:calc(12px + 1.3020833333vw) !important;} .s38 {font-size:calc(12px + 1.3541666667vw) !important;} .s39 {font-size:calc(12px + 1.40625vw) !important;} .s40 {font-size:calc(12px + 1.4583333333vw) !important;} .s41 {font-size:calc(12px + 1.5104166667vw) !important;} .s42 {font-size:calc(12px + 1.5625vw) !important;} .s43 {font-size:calc(12px + 1.6145833333vw) !important;} .s44 {font-size:calc(12px + 1.6666666667vw) !important;} .s45 {font-size:calc(12px + 1.71875vw) !important;} .s46 {font-size:calc(12px + 1.7708333333vw) !important;} .s47 {font-size:calc(12px + 1.8229166667vw) !important;} .s48 {font-size:calc(12px + 1.875vw) !important;} .s49 {font-size:calc(12px + 1.9270833333vw) !important;} .s50 {font-size:calc(12px + 1.9791666667vw) !important;} .s51 {font-size:calc(12px + 2.03125vw) !important;} .s52 {font-size:calc(12px + 2.0833333333vw) !important;} .s53 {font-size:calc(12px + 2.1354166667vw) !important;} .s54 {font-size:calc(12px + 2.1875vw) !important;} .s55 {font-size:calc(12px + 2.2395833333vw) !important;} .s56 {font-size:calc(12px + 2.2916666667vw) !important;} .s57 {font-size:calc(12px + 2.34375vw) !important;} .s58 {font-size:calc(12px + 2.3958333333vw) !important;} .s59 {font-size:calc(12px + 2.4479166667vw) !important;} .s60 {font-size:calc(12px + 2.5vw) !important;} .s62 {font-size:calc(12px + 2.6041666667vw) !important;} .s65 {font-size:calc(12px + 2.7604166667vw) !important;} .s72 {font-size:calc(12px + 3.125vw) !important;} .s80 {font-size:calc(12px + 3.5416666667vw) !important;} .s100 {font-size:calc(12px + 4.5833333333vw) !important;} .s250 {font-size:calc(12px + 12.3958333333vw) !important;} } @media all and (max-width:750px) { :root{ --fz-12:calc(12px + 12px); --fz-14:calc(11px + 14px); --fz-15:calc(11px + 15px); --fz-16:calc(10px + 16px); --fz-18:calc(10px + 18px); --fz-21:calc(6px + 21px); --fz-24:calc(2px + 24px); --fz-28:calc(6px + 28px); --fz-32:calc(0px + 32px); --fz-36:calc(0px + 36px); --fz-42:calc(0px + 42px); --fz-48:calc(0px + 48px); --fz-65:calc(0px + 65px); } html{font-size: 20px;} .s0 {font-size:0;} .s12 {font-size:12px;} .s13 {font-size:12.2864583333px;} .s14 {font-size:12.5729166667px;} .s15 {font-size:12.859375px;} .s16 {font-size:13.1458333333px;} .s17 {font-size:13.4322916667px;} .s18 {font-size:13.71875px;} .s19 {font-size:14.0052083333px;} .s20 {font-size:14.2916666667px;} .s21 {font-size:14.578125px;} .s22 {font-size:14.8645833333px;} .s23 {font-size:15.1510416667px;} .s24 {font-size:15.4375px;} .s25 {font-size:15.7239583333px;} .s26 {font-size:16.0104166667px;} .s27 {font-size:16.296875px;} .s28 {font-size:16.5833333333px;} .s29 {font-size:16.8697916667px;} .s30 {font-size:17.15625px;} .s31 {font-size:17.4427083333px;} .s32 {font-size:17.7291666667px;} .s33 {font-size:18.015625px;} .s34 {font-size:18.3020833333px;} .s35 {font-size:18.5885416667px;} .s36 {font-size:18.875px;} .s37 {font-size:19.1614583333px;} .s38 {font-size:19.4479166667px;} .s39 {font-size:19.734375px;} .s40 {font-size:20.0208333333px;} .s41 {font-size:20.3072916667px;} .s42 {font-size:20.59375px;} .s43 {font-size:20.8802083333px;} .s44 {font-size:21.1666666667px;} .s45 {font-size:21.453125px;} .s46 {font-size:21.7395833333px;} .s47 {font-size:22.0260416667px;} .s48 {font-size:22.3125px;} .s49 {font-size:22.5989583333px;} .s50 {font-size:22.8854166667px;} .s51 {font-size:23.171875px;} .s52 {font-size:23.4583333333px;} .s53 {font-size:23.7447916667px;} .s54 {font-size:24.03125px;} .s55 {font-size:24.3177083333px;} .s56 {font-size:24.6041666667px;} .s57 {font-size:24.890625px;} .s58 {font-size:25.1770833333px;} .s59 {font-size:25.4635416667px;} .s60 {font-size:25.75px;} .s62 {font-size:26.3229166667px;} .s65 {font-size:27.1822916667px;} .s72 {font-size:29.1875px;} .s80 {font-size:31.4791666667px;} .s100 {font-size:37.2083333333px;} .s250 {font-size:83.6145833333px;} } @media all and (max-height:700px){ .index__about .col--two .box--text{margin-bottom:calc(var(--module_gap-small) * 2)} .index__news .col--one .Cmn__topic{margin-bottom: var(--moudle_gap-small);} .index__news .col--one .list .item{margin-bottom: 10px;} .index__certificate .list .item .image{text-align: center;overflow:hidden;background: #f5f5f5;} .index__certificate .list .item .image img{max-height:280px;} .index__certificate .list .item .text{padding: 8px 10px;} .index__certificate .list .item .text span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;} }