.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);padding: 30px 0 35px;}
.pull-down .ul-box{width: 100%;display: flex;justify-content: space-between;gap: 30px;}
.pull-down .ul-box-left{max-width: 255px;}
.pull-down .ul-box-left .h5{font-size: 20px;line-height: 28px;font-weight: 500;color: #333333;display: flex;justify-content: space-between;margin-bottom: 25px;}
.pull-down .ul-box-left .h5 i{width: 30px;height: 30px;background-color: #ffffff;border-radius: 8px;border: solid 1px #cccccc;display: inline-flex;justify-content: center;align-items: center;transition: all .3s ease-in-out;}
.pull-down .ul-box-left .h5:hover , .pull-down .ul-box-left .h5.active {color: var(--public-color);}
.pull-down .ul-box-left .h5:hover i , .pull-down .ul-box-left .h5.active i{background-color: var(--public-color);color: #ffffff;border-color: var(--public-color);}
.pull-down .ul-box-left .cont{color: #666666;}
.pull-down .ul-box-right{width: 75%;}
.pull-down .ul-box-right .t1{font-size: 20px;line-height: 28px;color: #333333;font-weight: 600;margin-bottom: 20px;}
.pull-down .ul-box-right .t1.active{color: var(--public-color);}
.pull-down .ul-box-right li{margin-bottom: 10px;}
.pull-down .ul-box-right .t2{color: #666666;}
.pull-down .ul-box-right .t2:hover , .pull-down .ul-box-right .t2.active{text-decoration: underline;text-decoration-skip-ink: none;text-decoration-skip: 3px;}
.pull-down-products .ul-box-right .img{height: 195px;background-color: #f7f7f7;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
.pull-down-products .ul-box-right .img img{mix-blend-mode: darken;}
.pull-down-products .ul-box-right{display: flex;flex-wrap: wrap;gap: 45px;}
.pull-down-products .ul-box-right .list{flex: 1;}
.pull-down-applications .ul-box-right{display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px 16px;text-align: center;}
.pull-down-applications .ul-box-right .t1{font-size: 16px;line-height: 24px;margin-top: 10px;}
