.pull-down{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9998;pointer-events:none}
.nav-item:hover .pull-down{opacity:1;visibility:visible;pointer-events:auto}
.pull-down:not(.pull-down-wide){position:absolute;left:50%;transform:translateX(-50%);top:89%;padding:10px 10vw 40px;box-sizing:content-box;width:max-content;max-width:100vw}
.pull-down:not(.pull-down-wide) .pull-down-inner{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;padding:12px 0;min-width:auto;width:auto;max-width:100%;box-sizing:border-box;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.12)}
.header:not(.scrolled) .pull-down:not(.pull-down-wide) .pull-down-inner{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item{display:block;padding:10px 0px;white-space:nowrap;width:100%;display:flex;justify-content:space-between;align-items:center;gap:5px 20px}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item .icon{color:var(--public-color)}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item.active{color:var(--public-color)}
.pull-down:not(.pull-down-wide) .pull-down-inner .pull-down-item+.pull-down-item{border-top:1px solid rgba(0,0,0,.06)}
.pull-down:not(.pull-down-wide) ul.pull-down-inner::before{content:"";width:30px;height:26px;border-bottom:13px solid #ffffff;border-left:15px solid transparent;border-right:15px solid transparent;position:absolute;top:-26px;left:50%;transform:translateX(-50%)}
.pull-down:not(.pull-down-wide) ul.pull-down-inner{list-style:none;margin:0;padding:0 20px;border-radius:12px;position:relative}
.pull-down:not(.pull-down-wide) ul.pull-down-inner>li+li{border-top:1px solid rgba(0,0,0,.06)}
.pull-down:not(.pull-down-wide) .pull-down-menu-item{position:relative}
.pull-down:not(.pull-down-wide) .pull-down-has-submenu>.pull-down-item{padding-right:28px;position:relative}
.pull-down:not(.pull-down-wide) .pull-down-has-submenu>.pull-down-item::after{content:'\203A';position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.45;font-size:14px;line-height:1}
.pull-down:not(.pull-down-wide) .pull-down-submenu{list-style:none;margin:0;padding:0;position:absolute;left:100%;top:0;margin-left:0;min-width:220px;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:10001}
.header:not(.scrolled) .pull-down:not(.pull-down-wide) .pull-down-submenu{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.pull-down:not(.pull-down-wide) .pull-down-submenu::before{content:'';position:absolute;left:-8px;top:0;bottom:0;width:8px}
.pull-down:not(.pull-down-wide) .pull-down-has-submenu:hover>.pull-down-submenu,.pull-down:not(.pull-down-wide) .pull-down-has-submenu:focus-within>.pull-down-submenu{opacity:1;visibility:visible;pointer-events:auto}
.pull-down:not(.pull-down-wide) .pull-down-submenu .pull-down-item{border-top:none}
.pull-down:not(.pull-down-wide) .pull-down-submenu li+li{border-top:1px solid rgba(0,0,0,.06)}
.pull-down:not(.pull-down-wide) .pull-down-submenu .pull-down-item--sub{font-size:13px}
.pull-down.pull-down-wide{position:fixed;left:max(0px,calc((100vw - 1920px)/2));width:min(1920px,100vw);top:50px;padding-top:34px}
.pull-down.pull-down-wide.pull-down-fullscreen{position:fixed;left:0;top:0;width:100vw;height:100vh;padding-top:120px}
.header.scrolled .pull-down.pull-down-wide{top:56px}
.header:not(.scrolled) .pull-down.pull-down-wide .pull-down-inner{background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.pull-down.pull-down-wide .pull-down-inner{max-width:1400px;margin:0 auto;width:100%;padding:30px var(--container-padding);background:#fff;box-shadow:0 10px 40px rgba(0,0,0,.12);display:flex;gap:48px}
.pull-down.pull-down-wide .pull-down-inner .pull-down-col{display:flex;flex-direction:column}


.pull-down .ul-box-back{background-color: #ffffff;box-shadow: 0 10px 40px rgba(0, 0, 0, .12);}
.pull-down .ul-box{width: 100%;display: flex;justify-content: space-between;padding: 35px 0;}
.pull-down .ul-box-pro{gap: 20px;}
.pull-down .pro-menu-head{display:inline-flex;align-items:center;gap:14px;font-size:18px;line-height:28px;font-weight:600;color:#333;padding:35px 0 0;margin-bottom:20px;transition:color .25s ease;}
.pull-down .pro-menu-head .pro-menu-arrow{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;background:none;color:#222;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s ease;}
.pull-down .pro-menu-head .pro-menu-arrow svg{width:22px;height:22px;}
.pull-down .pro-menu-head:hover{color:var(--public-color)!important;}
.pull-down .pro-menu-head:hover .pro-menu-arrow{color:var(--public-color);transform:translateX(4px);}
.pull-down .ul-box-pro-text{display:block;column-count:2;column-gap:80px;padding:0 0 35px;}
.pull-down .ul-box-pro-text .pro-cat-block{break-inside:avoid;margin-bottom:18px;}
.pull-down .ul-box-pro-text .pro-cat-block:last-child{margin-bottom:0;}
.pull-down .ul-box-pro-text .pro-cat-title{display:block;font-size:16px;line-height:22px;font-weight:500;color:#333;padding-left:10px;border-left:3px solid var(--public-color);margin-bottom:10px;}
.pull-down .ul-box-pro-text .pro-cat-title:hover{color:var(--public-color)!important;}
.pull-down .ul-box-pro-text .pro-cat-block.active .pro-cat-title{color:var(--public-color);}
.pull-down .ul-box-pro-text .pro-cat-subs{list-style:none;margin:0;padding:0 0 0 13px;}
.pull-down .ul-box-pro-text .pro-cat-subs li a{display:block;font-size:15px;line-height:22px;color:#666;padding:3px 0 3px 14px;position:relative;}
.pull-down .ul-box-pro-text .pro-cat-subs li a::before{content:'\203A';position:absolute;left:0;top:3px;color:#bbb;font-size:12px;line-height:18px;}
.pull-down .ul-box-pro-text .pro-cat-subs li a:hover{color:var(--public-color)!important;}
.pull-down .ul-box-pro .list {max-width: 220px;}
.pull-down .ul-box-pro .list .img{height: 90px;}
.pull-down .ul-box-sol{gap: 15px;}
.pull-down .ul-box-sol-app{display:flex;align-items:flex-start;gap:50px;padding:35px 0;}
.pull-down .ul-box-sol-app .sol-intro{flex:0 0 240px;max-width:240px;}
.pull-down .ul-box-sol-app .sol-intro-title{font-size:20px;line-height:28px;font-weight:700;color:#333;margin-bottom:16px;}
.pull-down .ul-box-sol-app .sol-intro-desc{font-size:14px;line-height:22px;color:#666;margin-bottom:24px;}
.pull-down .ul-box-sol-app .sol-intro-btn{display:inline-block;background-color:var(--public-color);color:#fff!important;font-size:14px;line-height:20px;font-weight:600;padding:10px 24px;border-radius:4px;transition:opacity .2s ease;}
.pull-down .ul-box-sol-app .sol-intro-btn:hover{opacity:.88;color:#fff!important;}
.pull-down .ul-box-sol-app .sol-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;}
.pull-down .ul-box-sol-app .sol-item-img{display:flex;justify-content:center;align-items:center;background-color:#f7f7f7;height:120px;padding:10px;margin-bottom:10px;}
.pull-down .ul-box-sol-app .sol-item-img img{max-height:100%;mix-blend-mode:multiply;}
.pull-down .ul-box-sol-app .sol-item-title{display:block;font-size:12px;line-height:16px;color:#333;text-align:center;}
.pull-down .ul-box-sol-app .sol-item-title:hover{color:var(--public-color)!important;}
.pull-down .ul-box-sol-app .sol-item.active .sol-item-title{color:var(--public-color);}
.pull-down .ul-box-sol .list {max-width: 190px;}
.pull-down .ul-box-sol .list .img{height: 80px}
.pull-down .ul-box .list{flex: 1;}
.pull-down .ul-box .list .img{margin-bottom: 15px;background-color: #f7f7f7;display: flex;justify-content: center;align-items: center;padding: 10px 0;}
.pull-down .ul-box .list .img > img{mix-blend-mode: multiply;} 
.pull-down .ul-box .list > a:nth-child(2){width: 100%;font-size: 12px;line-height: 16px;font-weight: 600;color: #333333;padding: 5px 0;}
.pull-down .ul-box .list.active > a:nth-child(2) , .pull-down .ul-box .list > a:nth-child(2):hover{padding:5px;background-color: var(--public-color);color: #ffffff !important;}
.pull-down .ul-box .skus{margin-top: 20px;display: flex;flex-direction: column;justify-content: flex-start;}
.pull-down .ul-box .sku , .pull-down .ul-box .a-pro-name{font-size: 12px;line-height: 16px;color: #666666;margin-bottom: 10px;}
.pull-down .ul-box .sku:last-child , .pull-down .ul-box .a-pro-name:last-child{margin-bottom: 0;}