.topbar{width:100%;height:42px;background:linear-gradient(91deg,#012269 0%,#012269 90%,#0099FF 100%);color:#fff;line-height:42px}.topbar i{margin-right:5px}.topbar span{margin-left:20px}.topbar span a{margin-right:15px}.topbar a{color:#fff}.topbar a:hover{text-decoration:underline}.topbar-left{}.topbar-right{color:#fff}.topbar-right a:after{content:"|";padding:0 10px;color:#fff}.topbar-right a:last-child:after{content:"";padding:0}header.current{position:fixed;left:0;top:0;z-index:999}.header-mobile-search.current{position:fixed;left:0;top:59px;z-index:999}header{width:100%}.header-all{padding:25px 0}.logo{width:201px;height:37px}.logo img{width:201px;height:37px}.header-left{}.hsearch{height:54px;background:linear-gradient(91deg,#012269 0%,#012269 90%,#0099FF 100%);border-radius:27px;padding:3px;margin-left:30px;position:relative}.hsearch-left{height:48px;background:#FFFFFF;padding:0 15px;border-radius:27px}.hsearch-left input{line-height:48px;height:48px;border:none;background:none;min-width:500px}.hsearch-left a{display:inline-block;height:31px;line-height:29px;border:1px dashed #111111;border-radius:7px;padding:0 18px}.hsearch-left a img{margin-right:5px}.hsearch button{color:#FFFFFF;width:80px;font-size:1.2rem;background:none;border:none}.hright{}.hcart{}.hcart a{display:block;width:42px;height:42px;margin-left:10px;position:relative}.hcart a em{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:red;color:#FFFFFF;font-size:0.8rem;position:absolute;z-index:333;right:-10px;top:-10px}.hrfq{margin-left:30px}.hrfq a{display:inline-block;height:42px;line-height:42px;background:linear-gradient(96deg,#012369 0%,#014A96 52%,#0064BC 100%);color:#FFFFFF;border-radius:8px;padding:0 20px}.hrfq a:hover{background:linear-gradient(96deg,#0064BC 0%,#014A96 52%,#012369 100%)}.search-window{display:none;position:absolute;background:#fff;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 4px -2px #999;padding:20px;top:54px;left:0;width:100%;z-index:999}.search-window a{margin-right:10px;line-height:24px;color:#999!important}.search-window ul.search-rst{padding-left:0}.search-window ul.search-rst li{margin-bottom:8px}.search-window ul.search-rst li a p{color:#000;margin-bottom:0px}.search-window ul.search-rst li a:hover p{color:#d64851}.search-window ul.search-rst li a p.mfg{color:#999}.search-window b{font-size:1rem;display:block}#brandnav .brandnav,#quabanner .quabanner,#blogsnav .blogsnav,#pcbnav .pcbnav,#rfqnav .rfqnav,#excessnav .excessnav,#aboutsnav .aboutsnav,#contactnav .contactnav{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2B6FD6 0%,#0B3F8F 100%) border-box;border:2px solid transparent;border-radius:27px}.nav-main.current{position:fixed;left:0;top:0;z-index:999;border-bottom:1px solid #DDDDDD;background:#FFFFFF}.nav-main{width:100%;height:74px;background:#f9f9f9}.nav-box{width:85%;padding-left:50px}.nav-box ul{margin:0;padding:0;list-style:none}.nav-box li{position:relative}.nav-box li>a{color:#111;font-size:1.1rem;font-family:var(--font-main);min-height:39px;line-height:35px;display:inline-flex;align-items:center;padding:0 25px;text-decoration:none;transition:all .25s ease;border:2px solid transparent;border-radius:27px;white-space:nowrap}.nav-box li>a:hover{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2B6FD6 0%,#0B3F8F 100%) border-box;border:2px solid transparent;border-radius:27px}.nav-box li.dropdown-menu:hover>a{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2B6FD6 0%,#0B3F8F 100%) border-box;border:2px solid transparent;border-radius:27px}.nav-box li.dropdown-menu .dropdown-list{display:block;position:absolute;left:0;top:42px;min-width:260px;background:#fff;z-index:999;padding:12px 0;box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s ease;pointer-events:none}.nav-box li.dropdown-menu:hover>.dropdown-list{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-box li.dropdown-menu .dropdown-list li{display:block;width:100%;line-height:normal}.nav-box li.dropdown-menu .dropdown-list li a{display:block;width:100%;padding:14px 24px;font-size:1rem;line-height:1.5;color:#222;border:0;border-radius:0;background:none;min-height:auto}.nav-box li.dropdown-menu .dropdown-list li a:hover{background:#f3f7ff;color:#0B3F8F;border:0}.navigation-main-left{width:15%;position:relative}.navigation-main-left a.navlinks{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2B6FD6 0%,#0B3F8F 100%) border-box;border:2px solid transparent;border-radius:27px;display:block;font-size:1rem;height:39px;line-height:35px;text-align:center}.navigation-main-left a.navlinks i.fa-th{margin-left:10px}.navigation-main-left:hover ul.navul{display:block}.navigation-main-left ul{width:100%;min-width:300px;padding:10px 0;z-index:999;background:#FFFFFF;border-radius:8px;box-shadow:0px 8px 16px 1px rgba(0,0,0,0.08);border:1px solid #E9F0F9;border-top:none;position:absolute;display:none;top:39px;left:0}.navigation-main-left ul li{font-size:0.9rem;font-size:0.9rem}.navigation-main-left ul li a{display:block;line-height:30px;height:30px;overflow:hidden;padding:0 20px;color:#333333;font-size:0.9rem}.navigation-main-left ul li a img{margin-right:10px}.navigation-main-left ul li a i{line-height:30px;color:#999;font-size:18px}.navigation-main-left ul li a:hover{background:#012269;color:#FFFFFF}.navigation-main-left ul li a:hover i{color:#FFFFFF}.navigation-main-left ul li a:hover img{filter:brightness(0) invert(1)}.navigation-main-left ul li.navmore{font-weight:bold;margin-top:10px;font-size:1rem}.navigation-main-left ul li.navmore a:hover{background:none;color:#012269}.navigation-main-left ul li ul{display:none;padding:20px;width:900px;border:2px solid #012269;min-height:420px;position:absolute;left:100%;top:0;background:#FFFFFF}.navigation-main-left ul li ul li{width:33.3%;line-height:30px;height:30px;overflow:hidden;float:left}.navigation-main-left ul li ul li a{display:block;line-height:30px;height:30px;color:#333333}.navigation-main-left ul li ul li a:hover{color:#FFFFFF}.navigation-main-left ul li:hover ul{display:block}.web-language-box{display:none;background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}.web-language-box .flex{width:100%;height:100%}.web-language-box .flex a{display:inline-block;border-radius:6px;height:42px;line-height:42px;overflow:hidden;text-align:center;color:#FFFFFF;margin-bottom:10px;background:#ffbf43;width:120px}#web-language-close{width:60px;font-size:1.5rem}header .topmenu{display:none}.header-mobile-search{display:none}.mobile-all-products{display:none}@media (max-width:768px){.topbar{display:none}header{width:100%;background:#fff;border-bottom:1px solid #eee;position:relative;z-index:1000}header .header-all{width:100%;padding:12px 15px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}header .header-left{flex:1;min-width:0;display:flex;align-items:center}header .logo{width:auto;height:auto;flex-shrink:0}header .logo img{width:118px;height:auto;display:block}header .hsearch{display:none !important}header .hright{display:flex !important;align-items:center;margin-left:auto;gap:3px}header .hcart{display:flex;align-items:center;gap:3px}header .hcart a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:0;border:1px solid #dbe5f5;border-radius:8px;background:#fff;position:relative}header .hcart a img{width:22px;height:22px;object-fit:contain}header .hcart a em{width:17px;height:17px;line-height:17px;font-size:0.68rem;right:-6px;top:-7px;background:#ff1f1f;color:#fff;border-radius:50%;position:absolute;text-align:center;z-index:5}header .hrfq{display:none;margin-left:0;order:-1}header .hrfq a{display:flex;align-items:center;justify-content:center;height:34px;line-height:34px;padding:0 6px;border-radius:8px;background:linear-gradient(96deg,#012369 0%,#014A96 52%,#0064BC 100%);color:#fff;font-size:0;white-space:nowrap}header .hrfq a:before{content:"BOM";font-size:0.82rem;font-weight:bold;letter-spacing:.2px}header .topmenu{display:flex !important;align-items:center;margin-left:3px}header .topmenu a{width:auto;height:34px;padding:0 6px;border:1px solid #dbe5f5;border-radius:8px;background:#fff;color:#012369;font-size:0;position:relative;display:flex;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;text-decoration:none}header .topmenu a.fa:before{content:"";width:18px;height:2px;background:#012369;border-radius:2px;box-shadow:0 -6px 0 #012369,0 6px 0 #012369;transition:all .25s ease;flex-shrink:0}header .topmenu a span{display:inline-block;color:#012369;font-size:0.82rem;font-weight:600;line-height:1}header .topmenu a:after{content:"";display:none}header .topmenu a.active:before{width:19px;box-shadow:none;transform:rotate(45deg)}header .topmenu a.active:after{display:block;position:absolute;left:10px;width:19px;height:2px;background:#012369;border-radius:2px;transform:rotate(-45deg)}.nav-main{display:none;width:100%;height:auto;position:absolute;left:0;top:59px;z-index:999;background:#fff;border-top:1px solid #f1f1f1;box-shadow:0 12px 28px rgba(0,0,0,.08);overflow:hidden}.nav-main.active{display:block}.nav-main .container{width:100%;display:block;padding:0}.navigation-main-left{display:none !important}.nav-box{display:none;width:100%;height:auto;padding:8px 15px 15px;box-sizing:border-box;background:#fff}.nav-box.active{display:block}.nav-box ul{display:block;width:100%;margin:0;padding:0}.nav-box li{display:block;width:100%;margin:0;border-bottom:1px solid #edf1f7;position:relative}.nav-box li>a{width:100%;min-height:46px;line-height:46px;padding:0 5px;box-sizing:border-box;color:#111;font-size:1rem;border:none;border-radius:0;background:none;display:flex;align-items:center;justify-content:space-between}.nav-box li>a:hover{background:none;border:none;border-radius:0;color:#012369;text-decoration:none}.nav-box li.dropdown-menu>a:after{content:"\f107";font-family:FontAwesome;color:#012369;font-size:1rem;transition:transform .25s ease}.nav-box li.dropdown-menu.open>a:after{transform:rotate(180deg)}.nav-box li.dropdown-menu .dropdown-list{display:none;position:static;width:100%;min-width:0;padding:5px 0 10px 12px;box-shadow:none;border-radius:0;background:#fff;opacity:1;visibility:visible;transform:none;pointer-events:auto;box-sizing:border-box}.nav-box li.dropdown-menu.open .dropdown-list{display:block}.nav-box li.dropdown-menu .dropdown-list li{border-bottom:none}.nav-box li.dropdown-menu .dropdown-list li a{width:100%;min-height:34px;line-height:34px;padding:0 12px;font-size:.92rem;color:#555;background:#f7f9fd;border-radius:6px;margin-top:6px;box-sizing:border-box}.nav-box li.dropdown-menu .dropdown-list li a:hover{background:#edf4ff;color:#012369}body.nav-open{overflow:hidden}.header-mobile-search{position:relative;display:block;width:100%;box-sizing:border-box;padding:8px 10px;background:url(../images/hseabg.jpg) no-repeat center center;background-size:cover}.header-mobile-search-inner{position:relative;width:100%;max-width:100%;height:50px;display:flex;align-items:center;box-sizing:border-box;padding:5px 6px 5px 0;background:#eef0f4;border:1px solid rgba(0,0,0,0.08);border-radius:28px;overflow:hidden;box-shadow:inset 0 2px 5px rgba(0,0,0,0.12),inset 0 -1px 2px rgba(255,255,255,0.85)}.header-mobile-search .search-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#2f3b4a;font-size:15px;z-index:2}.header-mobile-search input{flex:1 1 auto;min-width:0;width:1%;height:40px;line-height:40px;box-sizing:border-box;padding:0 8px 0 44px;background:transparent;border:none;outline:none;color:#555;font-size:13px;font-weight:400;letter-spacing:0.2px}.header-mobile-search input::placeholder{color:#666;opacity:1}.header-mobile-search button{flex:0 0 102px;width:102px;min-width:102px;max-width:102px;height:40px;border:none;outline:none;cursor:pointer;border-radius:24px;color:#fff;font-size:13px;font-weight:700;letter-spacing:0.6px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(96deg,#012369 0%,#014A96 52%,#0064BC 100%);box-shadow:inset 0 1px 1px rgba(255,255,255,0.25)}.header-mobile-search button i{font-size:14px}.header-mobile-search button span{display:inline-block}.header-mobile-search .search-window{position:absolute !important;left:10px !important;right:10px !important;top:62px !important;width:auto !important;max-width:none !important;margin:0 !important;z-index:99999;display:none;background:#fff;border-radius:12px;box-sizing:border-box;overflow:hidden;box-shadow:0 10px 30px rgba(1,35,105,0.16)}.header-mobile-search .search-window .search-rst{margin:0;padding:6px 0;list-style:none}.header-mobile-search .search-window .search-rst li{margin:0;padding:0}.header-mobile-search .search-window .search-rst li a{display:block;padding:10px 14px;color:#333;font-size:13px;line-height:1.5;text-decoration:none}.header-mobile-search .search-window .search-rst li a:hover{color:#014A96;background:#f3f7ff}.nav-main.current{top:58px}}