html{--default-color: #000;--primary-color: #1e50bb;--primary-color-light: #578cff;--primary-bg-color: #3168de;scroll-behavior:smooth;font-family:"SF Pro Text",Arial;font-size:14px;color:var(--default-color);overflow-y:auto}a{transition:all .2s}a:hover{color:var(--primary-color)}a *{transition:all .2s}button{transition:all .2s}.header{position:sticky;z-index:4;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.2);box-shadow:0 0 40px rgba(0,0,0,.15);transition:all .6s}.header .headerBg{position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;overflow:hidden;background-color:#0f6be4}.header .headerBg #bannerGradient{max-width:100%}.header .headerContent{position:relative;z-index:2;padding-top:10px;padding-bottom:10px;display:flex;align-items:center}.header .headerContent .left-box{display:none;flex:1}.header .headerContent .right-box{display:none;flex:1;justify-content:flex-end}.header .headerContent .sideMenu-trigger,.header .headerContent .contact-btn{display:none;padding:1em;color:#fff}.header .headerContent .logo{display:inline-flex;margin-right:20px}.header .headerContent .logo img{height:48px}.header .headerContent .mainMenu{display:flex;flex-grow:1}.header .headerContent .mainMenu .menuItem{padding:8px 20px;font-size:1.1em;color:#fff;font-weight:580;transition:all .3s}.header .headerContent .mainMenu .menuItem:hover{opacity:.6}.header .headerContent .mainMenu .menuItem.contact{margin-left:auto;color:#0f53d2;background-color:#fff;border-radius:20px}@media screen and (max-width: 960px){.header .headerContent .left-box,.header .headerContent .right-box{display:flex}.header .headerContent .sideMenu-trigger{display:block}.header .headerContent .contact-btn{display:block}.header .headerContent .logo{margin-right:0}.header .headerContent .mainMenu{display:none}}.mainMenuContent{display:flex;align-items:flex-start;position:fixed;z-index:3;visibility:hidden;margin-top:16px;opacity:0;transition:all .3s;background-color:#fff;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.15)}.mainMenuContent.show{visibility:visible;opacity:1}.mainMenuContent .arrow{position:absolute;top:-6px;left:calc(50% - 7px);width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-bottom:7px solid #fff}.mainMenuContent .menuItemContent{overflow:hidden;border-radius:8px;opacity:0;text-wrap:nowrap;background-color:#fff;transition:all .5s;width:auto}.mainMenuContent .menuItemContent.show{opacity:1}.mainMenuContent .menuItemContent .menuBox{padding:8px 0;border-bottom:1px rgba(0,0,0,.15) solid}.mainMenuContent .menuItemContent .menuBox:last-child{border-bottom:none}.mainMenuContent .menuItemContent .menuBox .title{font-size:1.1em;opacity:.8}.mainMenuContent .menuItemContent .menuBox .list{display:flex;flex-direction:column}.mainMenuContent .menuItemContent .menuBox .list a{display:flex;align-items:center;padding:8px 32px 8px 16px;color:#000}.mainMenuContent .menuItemContent .menuBox .list a .ico{display:none;margin-right:10px;font-size:1.4em;opacity:.3}.mainMenuContent .menuItemContent .menuBox .list a:hover{background-color:rgba(0,0,0,.1)}.mainMenuContent.fixed{position:fixed}.sideMenu{z-index:9999;position:fixed;left:0;top:0;right:0;bottom:100%;background-color:#fff;opacity:0;transition:all .2s;overflow:hidden}.sideMenu .sideMenu-close{padding:.6em;margin-left:.6em;margin-top:.8em;opacity:.3;font-size:1.3em}.sideMenu .menuList{display:flex;flex-direction:column}.sideMenu .menuList .menuItem{display:flex;flex-direction:column;margin-bottom:.4em;padding:.2em 1.2em;color:#000;font-size:1.4em;font-weight:600}.sideMenu .menuList .menuItem .subMenu{display:flex;flex-direction:column;padding-top:.2em;display:none}.sideMenu .menuList .menuItem .subMenu .subItem{padding:.2em 1.2em;color:#222;font-weight:400;font-size:.9em}.sideMenu .menuList .menuItem.open .subMenu{display:flex}body.sideMenu-open .sideMenu{bottom:0;opacity:1}.home-page .main-banner{position:relative;z-index:1;width:100%;height:400px;background-color:#000;box-shadow:0 0 15px rgba(0,0,0,.2)}.home-page .main-banner .video-banner{width:100%;height:100%;object-fit:cover}.home-page .main-banner .overlay{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.6)}.home-page .main-banner .overlay .banner-content{text-align:center;color:#fff;text-transform:uppercase}.home-page .main-banner .overlay .banner-content .title{font-size:2.7em;opacity:.9}.home-page .main-banner .overlay .banner-content .subtitle{margin-bottom:16px;font-size:2em;font-weight:800;line-height:1}.home-page .main-banner .overlay .banner-content .play-btn{box-shadow:0 0 15px rgba(0,0,0,.5)}.home-page .main-banner .overlay .banner-content .play-btn i{font-size:4em}.home-page .main-banner .overlay .banner-content .play-btn:hover{color:var(--primary-color)}.home-page .pro-list{padding:64px 0}.home-page .pro-list .v-row{justify-content:center}.home-page .pro-list .v-col{padding-bottom:24px}.home-page .pro-list .pro-item{padding:4px;overflow:hidden;border-radius:12px;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;box-shadow:hsla(0,0%,100%,.1) 0px 1px 1px 0px inset,rgba(50,50,93,.25) 0px 30px 55px -20px,rgba(0,0,0,.3) 0px 15px 30px -30px}.home-page .pro-list .pro-item img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:10px}.home-page .pro-list .pro-item .name{padding:12px 4px 8px;font-size:1.1em;font-weight:600;text-transform:uppercase;color:#000}.home-page .pro-list .pro-item:hover{transform:scale(1.08)}.home-page .pro-list .pro-item:hover .name{color:var(--primary-color)}@media screen and (max-width: 960px){.home-page .main-banner{height:320px}.home-page .main-banner .title{font-size:1.7em !important;line-height:1.2 !important}.home-page .main-banner .subtitle{font-size:1.3em !important;line-height:1.8 !important;margin-bottom:8px !important}.home-page .main-banner .play-btn i{font-size:3.5em !important}.home-page .pro-list .pro-item .name{font-size:1em}}.product-page .pro-list .pro-item{display:block;text-align:center;color:var(--default-color);padding-bottom:5em}.product-page .pro-list .pro-item .img-box{aspect-ratio:1;margin-bottom:1em}.product-page .pro-list .pro-item .img-box img{width:100%;height:100%;object-fit:contain}.product-page .pro-list .pro-item .name{color:var(--primary-color);font-size:1.5em;font-weight:600}.product-page .pro-list .pro-item .summary{padding:0 5%}.product-page .pro-list .pro-item .detail-btn{margin-top:1.2em;padding:.6em 1.5em;display:inline-flex;color:var(--primary-color);border:1px var(--primary-color) solid;border-radius:1.5em;box-shadow:0 0 10px rgba(0,0,0,.15)}.content-page{padding-bottom:5em}.content-page .container{display:flex;flex-wrap:wrap}.content-page .cat-name{margin:1em 0 1em;font-size:2.5em;border-bottom:1px #000 solid;width:100%;text-transform:uppercase}.content-page .side-box .side-box-sticky{position:sticky;top:110px;width:260px;transition:all .5s}.content-page .cat-list{overflow:hidden;display:flex;flex-direction:column;background-color:var(--primary-bg-color);padding:30px 0;border-radius:.5em;margin-bottom:1em}.content-page .cat-list .title{padding:7px 25px;color:#fff;text-transform:uppercase;font-weight:bold}.content-page .cat-list .item{padding:7px 25px;color:#fff}.content-page .cat-list .item.active{font-weight:bold;background-color:hsla(0,0%,100%,.3)}.content-page .detail-box{display:inline-block;width:calc(100% - 260px - 40px);margin-left:40px;overflow:hidden}.content-page .faq-box .faq-g-title{margin-top:1.2em;margin-bottom:.3em;font-size:1.3em;text-transform:uppercase}.content-page .faq-box .faq-g-title:first-child{margin-top:0}.content-page .faq-box .v-expansion-panels{margin-bottom:.8em}.content-page .faq-box .v-expansion-panel-title{background-color:rgba(0,0,0,.04)}.content-page .faq-box .v-expansion-panel-title--active{background-color:rgba(0,0,0,.5);color:#fff}@media screen and (max-width: 600px){.content-page .side-box{display:none}.content-page .detail-box{display:inline;width:100%;margin-left:0}}@media screen and (max-width: 960px){.content-page .side-box{display:none}.content-page .detail-box{display:inline;width:100%;margin-left:0}}.news-page{padding-bottom:5em}.news-page .container{display:flex;flex-wrap:wrap}.news-page .cat-name{margin:1em 0 1em;font-size:2.5em;border-bottom:1px #000 solid;width:100%;text-transform:uppercase}.news-page .side-box .side-box-sticky{position:sticky;top:110px;width:260px;transition:all .5s}.news-page .cat-list{overflow:hidden;display:flex;flex-direction:column;background-color:var(--primary-bg-color);padding:30px 0;border-radius:.5em;margin-bottom:1em}.news-page .cat-list .title{padding:7px 25px;color:#fff;text-transform:uppercase;font-weight:bold}.news-page .cat-list .item{padding:7px 25px;color:#fff}.news-page .cat-list .item.active{font-weight:bold;background-color:hsla(0,0%,100%,.3)}.news-page .latest-list{overflow:hidden;display:flex;flex-direction:column;background-color:#f2f2f2;padding:30px 0;border-radius:.5em;margin-bottom:1em}.news-page .latest-list .title{padding:7px 25px;color:#000;text-transform:uppercase;font-weight:bold}.news-page .latest-list .item{padding:7px 25px;color:#000;margin-bottom:1em}.news-page .latest-list .item .img-box{display:flex;margin-bottom:.8em}.news-page .latest-list .item .img-box img{width:100%;aspect-ratio:1.7777;object-fit:cover;border-radius:.5em}.news-page .latest-list .item:hover{color:var(--primary-color)}.news-page .detail-box{display:inline-block;width:calc(100% - 260px - 40px);margin-left:40px;overflow:hidden}.news-page .item-list{display:flex;flex-wrap:wrap;gap:3.5%}.news-page .item-list .item{display:flex;flex-direction:column;width:31%;margin-bottom:5%;color:var(--default-color)}.news-page .item-list .item .img-box{display:flex;margin-bottom:.8em}.news-page .item-list .item .img-box img{width:100%;aspect-ratio:1.7777;object-fit:cover;border-radius:.5em}.news-page .item-list .item .name{margin-bottom:.5em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.news-page .item-list .item .summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;opacity:.7}.news-page .item-list .item:hover .name{color:var(--primary-color)}.news-page .item-detail .name{margin-bottom:.5em;font-size:2em;color:var(--primary-color);line-height:1.3em}@media screen and (max-width: 600px){.news-page .side-box{display:none}.news-page .detail-box{display:inline;width:100%;margin-left:0}.news-page .item-list{gap:5%}.news-page .item-list .item{width:47.5%}}@media screen and (max-width: 960px){.news-page .side-box{display:none}.news-page .detail-box{display:inline;width:100%;margin-left:0}}.contact-page{padding-bottom:5em}.contact-page .container{display:flex;flex-wrap:wrap}.contact-page .cat-name{margin:1em 0 1em;font-size:2.5em;border-bottom:1px #000 solid;width:100%;text-transform:uppercase}.contact-page .detail-box{width:100%}.contact-page .detail-box iframe{border:0}.adv-slide{position:relative;margin:3em auto;width:100%;padding:0 36px;--swiper-navigation-size: 16px;--swiper-navigation-color: var(--primary-color)}@media screen and (max-width: 600px){.adv-slide{padding:0 24px}}.adv-slide .swiper{width:100%}.adv-slide .swiper .swiper-slide{display:flex;flex-direction:column;overflow:hidden;width:120px}.adv-slide .swiper .swiper-slide .adv-logo{overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:80px;overflow:hidden;box-shadow:0 0 30px rgba(0,0,0,.06) inset;border-radius:12px}.adv-slide .swiper .swiper-slide .adv-logo img{width:90%;height:80%;object-fit:contain;filter:grayscale(100%);transition:filter .3s ease;opacity:.6}.adv-slide .swiper .swiper-slide .adv-logo:hover img{opacity:1;filter:grayscale(0%)}.footer{position:relative;background-color:#fff;color:#000}.footer a{color:#000}.footer a:hover{color:var(--primary-color)}.footer #footerBg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.footer .footer-info{position:relative;z-index:1;padding:72px 0;box-shadow:0 0 32px rgba(0,0,0,.05) inset}.footer .footer-info .info-box{margin-right:2em;line-height:2.4}.footer .footer-info .info-box .logo{display:flex;margin-bottom:20px}.footer .footer-info .info-box .logo img{height:80px}.footer .footer-info .info-box .name{color:#000;font-weight:bold;text-transform:uppercase}.footer .footer-info .menu{display:flex;flex-direction:column;margin-left:1.5em}.footer .footer-info .menu .name{color:#000;font-weight:bold;text-transform:uppercase;padding:.43em 0}.footer .footer-info .menu a{padding:.45em 0}.footer .copyright{position:relative;z-index:1;padding:20px 0;text-align:center;background-color:#fff;color:#000}@media screen and (max-width: 960px){.footer .footer-info .menu{margin-left:0 !important}}