@charset "UTF-8";body.pro-mobile-menu-open{overflow:hidden}.pro-nav-top .navbar-placeholder{background:transparent;position:relative;z-index:0}@media(max-width:768px){.pro-nav-top .navbar-placeholder{height:50px}}.pro-nav-top .navbar{background-color:transparent;color:#fff;margin:0 auto;padding:-1rem 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.pro-nav-top .navbar .icon-block{display:none}.pro-nav-top .navbar .icon-white,.pro-nav-top .navbar .d-none1{display:block}.pro-nav-top .navbar .d-none2{display:none}.pro-nav-top .mobile-menu{background-color:#fff}.pro-nav-top .navbar:hover{background-color:#fff;box-shadow:0 2px 10px #0000001a;color:#333!important}.pro-nav-top .navbar:hover .icon-block{display:block}.pro-nav-top .navbar:hover .icon-white{display:none}.pro-nav-top .navbar:l .navbar-list{border-top:1px solid rgba(14,11,11,.2)}.pro-nav-top .pro-top-nav{border-bottom:1px solid hsla(0,0%,100%,.7);padding:0 8rem;width:100%}.pro-nav-top .navbar-list{justify-content:space-between;min-height:65px;padding:0 8rem;width:100%}.pro-nav-top .navbar.scrolled{background-color:#fff;box-shadow:0 2px 10px #0000001a;color:#333!important}.pro-nav-top .navbar.other-page{color:#333!important}.pro-nav-top .navbar-brand{font-size:1.8rem;font-weight:700;margin-right:.5rem}.pro-nav-top .navbar-logo{height:56px;margin:0 auto;-o-object-fit:contain;object-fit:contain;width:auto}.pro-nav-top .navbar-toggler{background:transparent;font-size:24px;padding-left:0}.pro-nav-top .navbar-toggler:focus{box-shadow:0 0}.pro-nav-top .nav-links{cursor:pointer;font-size:18px;font-weight:500;margin-right:5rem;padding:26px 22px 28px}.pro-nav-top .nav-links:not(:first-child){margin-right:5rem}.pro-nav-top .scrolled .nav-links{padding:26px 8px 28px}.pro-nav-top .nav-links:hover{color:#009fe8}.pro-nav-top .nav-link-active{border-bottom:2px solid #009fe8;color:#009fe8}.pro-nav-top .language-switcher{margin-right:2rem;position:relative}.pro-nav-top .language-switcher-m{margin-right:.5rem;position:relative}.pro-nav-top .language-switcher .dropdown-menu,.pro-nav-top .language-switcher-m .dropdown-menu{height:inherit;z-index:999}.pro-nav-top .dropdown-menu:after{clear:both;content:"";display:table}.pro-nav-top .stock-code{align-items:center;color:var(--dark-blue);display:flex;font-size:1.4rem;font-weight:600;margin-right:1.5rem}.pro-nav-top .solution-items{flex-wrap:wrap;margin-left:9%;padding:1rem 16rem 4rem 23rem;width:80%}.pro-nav-top .solution-items .solution-item{color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;justify-content:center;margin:3rem 0;width:25%}.pro-nav-top .solution-items .solution-item img{height:2.8rem;margin-bottom:5px;width:2.8rem}.pro-nav-top .solution-items .solution-item .co-m-b-1{margin-bottom:5px}.pro-nav-top .solution-items .solution-item:hover{color:#009fe8}.pro-nav-top .product-service{width:100%}.pro-nav-top .two-level{cursor:pointer}.pro-nav-top .two-level:not(:first-child){margin-left:5.25rem}.pro-nav-top .two-l-text{color:#000;font-size:1.2rem;font-weight:regular;padding:1.5rem 0;text-align:center}.pro-nav-top .two-l-text:hover{color:#009fe8}.pro-nav-top .two-l-text-active{border-bottom:.3rem solid #009fe8;color:#009fe8}.pro-nav-top .two-m-text{color:#666}.pro-nav-top .two-m-text-active{color:#009fe8}.pro-nav-top .service-items-title{color:#ccc;width:20%}.pro-nav-top .service-items{cursor:pointer;font-size:1.2rem;margin-bottom:4rem;text-align:right;width:88%}.pro-nav-top .service-items:hover,.pro-nav-top .service-items-active{color:#000}.pro-nav-top .service-items-right{color:#ccc;cursor:pointer;flex-wrap:wrap;font-size:1.1rem;margin-bottom:3.5rem;max-height:734px;overflow:auto;scrollbar-width:none;text-align:right;width:60%;-ms-overflow-style:none}.pro-nav-top .service-items-right::-webkit-scrollbar{display:none}.pro-nav-top .service-items-right:hover{color:#000}.pro-nav-top .service-items-right .service-item{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-bottom:4rem;width:25%}.pro-nav-top .service-items-right .service-item-img{height:135px;-o-object-fit:contain;object-fit:contain}.pro-nav-top .service-items-right .service-item-text{color:#000;display:block;font-family:Noto Sans SC;font-size:14px;font-weight:500;height:2rem;line-height:28px}.pro-nav-top .service-items-right .service-item-text:hover{color:#009fe8}.pro-nav-top .service-items-right-active{color:#000}.pro-nav-top .support-service{width:100%}.pro-nav-top .support-service .support-item{font-size:1.5rem;margin:0 4.8rem}.pro-nav-top .support-service .support-item:hover{color:#009fe8}.pro-nav-top .navbar-logo-m{height:auto;left:50%;-o-object-fit:fill;object-fit:fill;position:absolute;top:50%;transform:translate(-50%,-50%);width:2.5rem}.pro-nav-top .pro-mobile-nav-menu{height:calc(100vh - 50px);left:0;opacity:0;position:fixed;top:50px;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:10}.pro-nav-top .pro-mobile-nav-menu.show{background:#0000004d;display:block!important;height:calc(100vh - 50px);opacity:1;visibility:visible;width:100vw}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu{background:#fff;box-shadow:0 0 2px #0000001a;height:100%;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;width:75%}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu.pro-show{transform:translate(0)}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list{list-style:none;margin:0 1px;padding:0}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link{border-bottom:1px solid #eee;font-size:15px;padding:0 20px}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link span{align-items:center;display:flex;line-height:25px;min-height:50px}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link.nav-link-active{height:auto!important}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-nav-item-with-submenu{align-items:center;display:flex;justify-content:space-between}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-nav-item-with-submenu .submenu-toggle{cursor:pointer;font-size:1.5rem}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-submenu{margin-top:.5rem;padding-left:1rem}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-submenu .mobile-submenu-item{border-bottom:1px solid #f5f5f5;color:#666;padding:.5rem 0}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-submenu .mobile-submenu-item .mobile-thrbmenu{display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:10px;width:calc(100% - 15px)}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-submenu .mobile-submenu-item .mobile-thrbmenu-item{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 2px;width:50%}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-submenu .mobile-submenu-item .mobile-thrbmenu-item-text{font-size:15px;text-align:center}.pro-nav-top .pro-mobile-nav-menu .mobile-nav-menu .mobile-nav-list .mobile-nav-link .mobile-submenu .mobile-submenu-item .mobile-thrbmenu-item-img{height:73px;-o-object-fit:contain;object-fit:contain}@media(max-width:767px){.pro-nav-top .product-service,.pro-nav-top .solution-items{display:none!important}}@media(max-width:768px){.pro-nav-top .ps-13{padding-left:15px!important;padding-right:15px!important}.pro-nav-top .pt-6{padding-top:1rem!important}.pro-nav-top .ms-75{margin-left:0!important}}@media(min-width:768px)and (max-width:1024px){.pro-nav-top .nav-links{font-size:18px;margin-right:2rem}.pro-nav-top .pro-top-nav{padding:0 .5rem 0 5rem!important}.pro-nav-top .navbar-list{justify-content:space-between;padding:0 .5rem 0 5rem!important}.pro-nav-top .navbar-list .nav-links{margin-right:1rem}.pro-nav-top .nav-links:not(:first-child){margin-right:1rem}.pro-nav-top .stock-code{font-size:1.2rem}.pro-nav-top .solution-items{flex-wrap:wrap}.pro-nav-top .solution-items .solution-item{flex:0 0 50%}.pro-nav-top .product-service{flex-direction:column}.pro-nav-top .product-service .service-items{flex-wrap:wrap}}