@font-face{font-family:SupraSubset;src:url(https://supranett.oss-cn-hangzhou.aliyuncs.com/20260516/fonts/supra-site-300.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SupraSubset;src:url(https://supranett.oss-cn-hangzhou.aliyuncs.com/20260516/fonts/supra-site-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SupraSubset;src:url(https://supranett.oss-cn-hangzhou.aliyuncs.com/20260516/fonts/supra-site-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SupraFull;src:url(https://supranett.oss-cn-hangzhou.aliyuncs.com/20260516/assets/AlibabaPuHuiTi-3-45-Light-BrhZQiBC.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SupraFull;src:url(https://supranett.oss-cn-hangzhou.aliyuncs.com/20260516/assets/AlibabaPuHuiTi-3-55-Regular-BzU-3NET.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SupraFull;src:url(https://supranett.oss-cn-hangzhou.aliyuncs.com/20260516/assets/AlibabaPuHuiTi-3-75-SemiBold-CO0oeG9q.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--header-height:50px;--first-screen-height:99vh;--page-first-screen-extra:8px;--page-first-screen-height:calc(var(--first-screen-height) - var(--header-height) + var(--page-first-screen-extra));font-family:SupraSubset,SupraFull,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}@media screen and (width<=1400px) and (width>=1200px){:root{--header-height:60px}}@media screen and (width<=768px){:root{--header-height:64px}}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:inherit;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent;font-family:inherit}a:link,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.header_container{--header-glass-bg:#fff;--header-glass-blur:blur(40px);--header-frost-filter:blur(28px) saturate(180%);--header-frost-overlay:linear-gradient(180deg, #ffffff94 0%, #ffffff3d 100%);z-index:9999;background-color:var(--header-glass-bg);-webkit-backdrop-filter:none;width:100%;height:var(--header-height);box-sizing:border-box;justify-content:space-between;align-items:center;padding:0 65px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px #00000003}.header_container img{width:auto;height:33px}.header_container .header_nav{flex-direction:row;flex:1;justify-content:center;display:flex}.header_container .header_nav .header_nav_list{margin:0;padding:0;list-style:none;display:flex}.header_container .header_nav .header_nav_list li{color:#353535;cursor:pointer;height:22px;margin:0 24px;padding:10px 0;font-size:16px;position:relative}.header_container .header_nav .header_nav_list li a{color:#353535;text-decoration:none}.header_container .header_nav .header_nav_list li a:hover{color:#0071e3}.header_container .header_nav .header_nav_list li:last-child{margin-right:0}.header_container .header_nav .header_nav_list li:after{content:"";transform-origin:50%;background-color:#0071e3;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:4px;left:0;transform:scaleX(0)}.header_container .header_nav .header_nav_list li.active:after{transform:scaleX(1)}.header_container .header_nav .header_nav_list li:hover:after{color:#000;transform:scaleX(1)}.header_container .header_nav .header_nav_second{top:var(--header-height);width:100%;height:0;-webkit-backdrop-filter:var(--header-glass-blur);z-index:999;opacity:0;pointer-events:none;background-color:#fff;border-top:0;border-bottom:1px solid #00000014;justify-content:center;align-items:center;margin:0;padding:0;font-size:14px;list-style:none;transition:height .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:flex;position:fixed;left:0;overflow:hidden;box-shadow:0 18px 32px #00000014}.header_container .header_nav .header_nav_second.show{opacity:1;pointer-events:auto;height:52px}.header_container .header_nav .header_nav_second:before{content:"";pointer-events:none;background:0 0;width:100%;height:40px;position:absolute;top:-40px;left:0}.header_container .header_nav .header_nav_second li{margin:0 40px}.header_container .header_nav .header_nav_second li a{color:#353535;font-size:14px;text-decoration:none;transition:color .3s}.header_container .header_nav .header_nav_second li a:hover{color:#0071e3}.header_container .header_nav .header_nav_second li.active a{color:#0071e3}.header_container .header_nav_contact{cursor:pointer;color:#6e6e73;font-size:14px;text-decoration:none}.header_container .header_nav_contact:hover{color:var(--Brand-light-blue,#0071e3)}.header_container .header_nav_contact.header_nav_contact_light{color:#fff}.header_container:hover .header_nav_contact.header_nav_contact_light,.header_container.header_scrolled .header_nav_contact.header_nav_contact_light{color:#6e6e73}.header_container:hover .header_nav_contact.header_nav_contact_light:hover,.header_container.header_scrolled .header_nav_contact.header_nav_contact_light:hover{color:var(--Brand-light-blue,#0071e3)}.header_container .header_nav_second li.active{color:#0071e3}.header_container .mobile_menu_btn{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:center;width:30px;height:30px;padding:0;display:none}.header_container .mobile_menu_btn span{background-color:#333;width:24px;height:2px;margin:3px 0;transition:all .3s;display:block}.header_container .mobile_menu_btn span:first-child.open{transform:rotate(45deg)translate(5px,5px)}.header_container .mobile_menu_btn span:nth-child(2).open{opacity:0}.header_container .mobile_menu_btn span:last-child.open{transform:rotate(-45deg)translate(6px,-6px)}.header_container .mobile_menu{background-color:var(--header-glass-bg);width:280px;height:100vh;-webkit-backdrop-filter:var(--header-glass-blur);z-index:1001;box-sizing:border-box;padding:80px 24px 24px;transition:right .3s;display:none;position:fixed;top:0;right:-100%;box-shadow:-4px 0 10px #0000001a}.header_container .mobile_menu.open{right:0}.header_container .mobile_menu .mobile_nav_list{margin:0;padding:0;list-style:none}.header_container .mobile_menu .mobile_nav_list li{border-bottom:1px solid #eee}.header_container .mobile_menu .mobile_nav_list li a,.header_container .mobile_menu .mobile_nav_list li span{color:#333;cursor:pointer;padding:16px 0;font-size:16px;text-decoration:none;display:block}.header_container .mobile_menu .mobile_nav_list .mobile_product_item .mobile_sub_menu{background-color:var(--header-glass-bg);max-height:0;-webkit-backdrop-filter:var(--header-glass-blur);padding:0 0 0 16px;list-style:none;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.header_container .mobile_menu .mobile_nav_list .mobile_product_item .mobile_sub_menu.open{max-height:200px}.header_container .mobile_menu .mobile_nav_list .mobile_product_item .mobile_sub_menu li{border-bottom:none}.header_container .mobile_menu .mobile_nav_list .mobile_product_item .mobile_sub_menu li a{color:#666;padding:12px 0;font-size:14px}.header_container .mobile_menu .mobile_contact{color:#fff;text-align:center;cursor:pointer;background:#0071e3;border-radius:6px;margin-top:24px;padding:12px 24px;font-size:15px}.header_container .mobile_overlay{z-index:1000;background:#00000080;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.header_container.home_header{box-shadow:none;-webkit-backdrop-filter:none;background-color:#0000;background-image:linear-gradient(#00000047 0%,#0000 100%);transition:background-color .28s,background-image .28s,box-shadow .28s,-webkit-backdrop-filter .28s,backdrop-filter .28s;position:fixed}.header_container.header_scrolled{-webkit-backdrop-filter:none;background-color:#fff;background-image:none;box-shadow:0 4px 6px #00000003}.header_container.header_scrolled .header_nav .header_nav_list li,.header_container.header_scrolled .header_nav .header_nav_list li a{color:#353535}.header_container.header_scrolled .header_nav .header_nav_list li:after{background-color:#0071e3}.header_container.header_scrolled .mobile_menu_btn span{background-color:#333}.header_container.header_scrolled .header_nav .header_nav_second{background-color:#fff;box-shadow:0 18px 32px #00000014}.header_container:hover,.header_container.home_header:hover,.header_container.home_header.home_header_scrolled:hover{-webkit-backdrop-filter:none;background-color:#fff;background-image:none;box-shadow:0 4px 6px #00000003}.header_container:hover .header_nav .header_nav_list li,.header_container:hover .header_nav .header_nav_list li a,.header_container.home_header:hover .header_nav .header_nav_list li,.header_container.home_header:hover .header_nav .header_nav_list li a{color:#353535}.header_container:hover .mobile_menu_btn span,.header_container.home_header:hover .mobile_menu_btn span{background-color:#333}.header_container:hover .header_nav .header_nav_second,.header_container.home_header:hover .header_nav .header_nav_second,.header_container.home_header:not(.home_header_scrolled):hover .header_nav .header_nav_second,.header_container.home_header:not(.home_header_scrolled):hover .header_nav .header_nav_second.show{-webkit-backdrop-filter:var(--header-glass-blur);background-color:#fff;box-shadow:0 18px 32px #00000014}.header_container:hover .header_nav .header_nav_second li a,.header_container.home_header:hover .header_nav .header_nav_second li a,.header_container.home_header:not(.home_header_scrolled):hover .header_nav .header_nav_second li a{color:#353535}.header_container .header_nav .header_nav_second li.active a,.header_container .header_nav .header_nav_second li a:hover,.header_container:hover .header_nav .header_nav_second li.active a,.header_container:hover .header_nav .header_nav_second li a:hover,.header_container.home_header:hover .header_nav .header_nav_second li.active a,.header_container.home_header:hover .header_nav .header_nav_second li a:hover,.header_container.home_header:not(.home_header_scrolled):hover .header_nav .header_nav_second li.active a,.header_container.home_header:not(.home_header_scrolled):hover .header_nav .header_nav_second li a:hover{color:#0071e3}.header_container.header_scrolled .header_nav .header_nav_second li a{color:#353535}.header_container.header_scrolled .header_nav .header_nav_second li.active a,.header_container.header_scrolled .header_nav .header_nav_second li a:hover{color:#0071e3}.header_container.home_header .header_nav .header_nav_list li,.header_container.home_header .header_nav .header_nav_list li a{color:#fff}.header_container.home_header .header_nav .header_nav_list li:after{background-color:#0071e3}.header_container.home_header .mobile_menu_btn span{background-color:#fff}.header_container.home_header .header_nav_second{-webkit-backdrop-filter:none;box-shadow:none;background-color:#0000}.header_container.home_header .header_nav_second li a,.header_container.home_header .header_nav_second li.active a,.header_container.home_header .header_nav_second li a:hover{color:#fff}.header_container.home_header .mobile_menu{background-color:var(--header-glass-bg);-webkit-backdrop-filter:var(--header-glass-blur)}.header_container.home_header .mobile_menu img,.header_container.home_header .mobile_menu a,.header_container.home_header .mobile_menu span{filter:none;color:#333}.header_container.home_header+*{margin-top:0}.header_container.home_header.home_header_scrolled{-webkit-backdrop-filter:none;background-color:#fff;background-image:none;box-shadow:0 4px 6px #00000003}.header_container.home_header.home_header_scrolled .header_nav .header_nav_list li,.header_container.home_header.home_header_scrolled .header_nav .header_nav_list li a{color:#353535}.header_container.home_header.home_header_scrolled .header_nav .header_nav_list li:after{background-color:#0071e3}.header_container.home_header.home_header_scrolled .mobile_menu_btn span{background-color:#333}.header_container.home_header.home_header_scrolled .header_nav .header_nav_second{background-color:#fff;box-shadow:0 18px 32px #00000014}.header_container.home_header.home_header_scrolled .header_nav .header_nav_second li a{color:#353535}.header_container.home_header.home_header_scrolled .header_nav .header_nav_second li.active a,.header_container.home_header.home_header_scrolled .header_nav .header_nav_second li a:hover{color:#0071e3}.header_container.home_header:not(.home_header_scrolled) .header_nav .header_nav_second,.header_container.home_header:not(.home_header_scrolled) .header_nav .header_nav_second.show{box-shadow:none;-webkit-backdrop-filter:none;background-color:#0000}.header_container.home_header:not(.home_header_scrolled) .header_nav .header_nav_second li a,.header_container.home_header:not(.home_header_scrolled) .header_nav .header_nav_second li.active a,.header_container.home_header:not(.home_header_scrolled) .header_nav .header_nav_second li a:hover{color:#fff}@media screen and (width<=1400px) and (width>=1200px){.header_container .header_nav .header_nav_second.show{opacity:1;pointer-events:auto;height:50px}}@media screen and (width<=1024px){.header_container{padding:0 32px}.header_container .header_nav .header_nav_list li{margin:0 16px}}@media screen and (width<=768px){.header_container{padding:0 16px}.header_container img{width:140px;height:30px}.header_container .header_nav,.header_container .header_nav_contact{display:none}.header_container .mobile_menu_btn{display:flex}.header_container .mobile_menu,.header_container .mobile_overlay{display:block}}.footer_container{box-sizing:border-box;background:#fff;width:100%;height:492px;padding:43px 27px 0 66px;position:relative}.footer_container .footer_list{gap:55px;padding:0 2px;list-style:none;display:flex}.footer_container .footer_list li{color:#454545;font-weight:400;font-style:Regular;letter-spacing:0%;font-size:14px;line-height:100%}.footer_container .footer_list li:hover{cursor:pointer;color:#0071e3}.footer_container .logo{margin:56px 0 66px}.footer_container .footer_border{border-top:1px solid #46464642;justify-content:space-between;align-items:center;margin-top:25px;display:flex}.footer_container .footer_box{padding:0 30px}.footer_container .footer_box .footer_desc{font-weight:400;font-style:Regular;letter-spacing:0%;color:#86868b;flex-direction:column;gap:12px;font-size:14px;line-height:100%;display:flex}.footer_container .footer_box .footer_icon{cursor:pointer;justify-content:end;align-items:center;gap:64px;display:flex}.footer_container .footer_box .footer_icon .icon-wrapper,.footer_container .footer_box .footer_icon .icon-link{flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;line-height:0;display:flex;position:relative}:is(.footer_container .footer_box .footer_icon .icon-wrapper,.footer_container .footer_box .footer_icon .icon-link) .icon{width:32px;height:32px;display:block}:is(.footer_container .footer_box .footer_icon .icon-wrapper,.footer_container .footer_box .footer_icon .icon-link) .qr-card{z-index:100;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:151px;height:207px;display:flex;position:absolute;bottom:calc(100% + 8px);left:-60px}:is(.footer_container .footer_box .footer_icon .icon-wrapper,.footer_container .footer_box .footer_icon .icon-link) .qr-card img{object-fit:contain;width:135px;height:135px;margin:0}:is(.footer_container .footer_box .footer_icon .icon-wrapper,.footer_container .footer_box .footer_icon .icon-link) .qr-card .qr-text{color:#000;letter-spacing:1.4px;text-align:center;margin-top:8px;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.footer_container .toTop{cursor:pointer;width:42px;height:42px;margin:0;display:block;position:absolute;top:30px;right:27px}
