.banner-carousel-component{--vw: 0.05208vw;--vh: 35.20833vw;margin:0;padding:0;position:relative;width:100%}.banner-carousel-component .banner-carousel-swiper{margin:0;max-width:100%;overflow:hidden;position:relative;width:100%}.banner-carousel-component .banner-carousel-swiper .carousel-arrow{background-color:#ffffff26;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;font-size:calc(var(--vh)*.05917);height:calc(var(--vw)*50);line-height:calc(var(--vw)*55);position:absolute;text-align:center;top:50%;transform:translateY(-50%) scale(1);transform-origin:center;transition:all .2s ease;width:calc(var(--vw)*50);z-index:10}.banner-carousel-component .banner-carousel-swiper .carousel-arrow:hover{box-shadow:0 0 20px #000000b3;transform:translateY(-50%) scale(1.1)}.banner-carousel-component .banner-carousel-swiper .carousel-arrow-left{left:5.46%}.banner-carousel-component .banner-carousel-swiper .carousel-arrow-right{right:5.46%}.banner-carousel-component .banner-carousel-swiper .carousel-track{display:flex;transition:transform .4s ease;width:100%}.banner-carousel-component .banner-carousel-swiper .carousel-body{display:flex;justify-content:center;padding-top:calc(var(--vh)*.13314);position:relative}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-content{opacity:1;padding-top:14px;text-align:center;width:56vw}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname{align-items:center;color:#fff;display:flex;font-size:calc(var(--vh)*.03254);justify-content:center;line-height:1.2;margin-bottom:calc(var(--vh)*.02663);text-align:left}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname p{font-size:calc(var(--vh)*.02663);font-weight:400}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname p span{font-size:calc(var(--vh)*.0355);font-weight:600}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname img{display:block;height:3.125vw;margin-right:.78vw}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-title{font-weight:700;margin:0 auto calc(var(--vh)*.01479)}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-desc{color:#fff;font-size:calc(var(--vh)*.0355);font-weight:600;line-height:1.2;margin-bottom:calc(var(--vh)*.07396)}.banner-carousel-component .banner-carousel-swiper .carousel-body .custom-button{border:1px solid #fff;border-radius:1.56vw;color:#fff;display:block;font-size:calc(var(--vh)*.02663);font-weight:600;line-height:1;margin:0 auto;padding:.78vw 1.875vw;transition:all .3s ease;width:max-content}.banner-carousel-component .banner-carousel-swiper .carousel-body .custom-button:hover{box-shadow:0 8px 12px #0000004d;color:#fff;text-decoration:none;transform:scale(1.03)}.banner-carousel-component .banner-carousel-swiper .carousel-slide{aspect-ratio:1920/676;border-radius:0;cursor:pointer;flex:0 0 100%;min-width:0;position:relative;transition:all .3s ease;width:100%;z-index:1}.banner-carousel-component .banner-carousel-swiper .carousel-slide:after{background:linear-gradient(0deg,#4a70a6,#2f2d71);border-radius:0;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.banner-carousel-component .banner-carousel-swiper .carousel-slide.media-pro{background:url(/images/webp/new/home/banner/b1.webp) 50%/cover no-repeat}.banner-carousel-component .banner-carousel-swiper .carousel-slide.media-pro:after{background:linear-gradient(0deg,#4a70a6,#2f2d71)}.banner-carousel-component .banner-carousel-swiper .carousel-slide.media-pro .carousel-body .carousel-title{background:linear-gradient(22deg,#3dcaf9 70%,#fdeb87 80%,#fdeb87);-webkit-background-clip:text;font-size:calc(var(--vh)*.11834);width:max-content;-webkit-text-fill-color:transparent}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro{background:url(/images/webp/new/home/banner/b2.webp) 50%/cover no-repeat;padding-bottom:0}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-proname{align-items:center;color:#fff}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-proname p{line-height:1.3}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-body .carousel-title{background:linear-gradient(22deg,#62b5f0 60%,#dd8ab7 70%,#dd8ab7);-webkit-background-clip:text;font-size:calc(var(--vh)*.13314);width:max-content;-webkit-text-fill-color:transparent}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-body .carousel-desc{color:#fff}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro:after{background:linear-gradient(0deg,#7d5d90,#191863 94%)}.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro{background:#000;background:url(/images/webp/new/home/banner/b3.webp) 50%/cover no-repeat}.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-body .carousel-proname{align-items:center}.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-body .carousel-title{background:linear-gradient(22deg,#63e87f,#aeff7d);-webkit-background-clip:text;font-size:calc(var(--vh)*.13314);width:max-content;-webkit-text-fill-color:transparent}.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro:after{background:linear-gradient(11deg,#2d2d2d,#272727 94%)}.banner-carousel-component .banner-carousel-swiper .carousel-slide.gift{background:url(/images/webp/new/home/banner/b4.webp) 50%/cover no-repeat}.banner-carousel-component .banner-carousel-swiper .carousel-slide.gift:after{background:linear-gradient(-11deg,#fad7d7,#fdb17a)}.banner-carousel-component .swiper-radius{left:50%;list-style:none;margin:0 auto;padding:0;position:absolute;transform:translate(-50%);width:100%;z-index:10}.banner-carousel-component .swiper-radius li{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute}.banner-carousel-component .swiper-radius li .btn-wrapper{position:absolute}.banner-carousel-component .swiper-radius li .btn-wrapper .active-img,.banner-carousel-component .swiper-radius li .btn-wrapper .default-img{display:block;left:50%;margin:0 auto;max-width:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:1.14vw}.banner-carousel-component .swiper-radius li .btn-wrapper .active-img{opacity:0;width:3.64vw}.banner-carousel-component .swiper-radius li .btn-wrapper .default-img{opacity:1}.banner-carousel-component .swiper-radius li .btn-label{color:#ffffffb3;font-size:calc(var(--vh)*.02663);font-weight:600;position:absolute;text-align:center;top:1.2vw;white-space:nowrap;z-index:20}.banner-carousel-component .swiper-radius li.active .btn-wrapper .active-img{opacity:1}.banner-carousel-component .swiper-radius li.active .btn-wrapper .default-img{opacity:0}.banner-carousel-component .swiper-radius li.active .btn-label{color:#fff;font-size:calc(var(--vh)*.03254);top:2.5vw}.banner-carousel-component .swiper-radius li:first-child{bottom:6.7vw;left:30.04%}.banner-carousel-component .swiper-radius li:nth-child(2){bottom:9vw;left:55.46%}.banner-carousel-component .swiper-radius li:nth-child(3){bottom:12vw;left:68.54%}.banner-carousel-component .swiper-radius li:nth-child(4){bottom:15vw;left:78.12%}#hot-products-component{margin-bottom:130px;padding-top:95px}#hot-products-component .hot-products-container{position:relative}#hot-products-component .hot-products-container .hot-products-swiper{height:750px;padding:15px;position:relative}#hot-products-component .hot-products-container .hot-products-swiper .hot-product-slide{column-gap:68px;display:flex;justify-content:space-between}#hot-products-component .hot-products-container .hot-products-swiper .hot-product-slide .left-container{height:660px}#hot-products-component .hot-products-container .custom-pagination{display:flex;flex-direction:column;gap:.5rem;position:absolute;right:92px;top:50%;transform:translateY(-50%);z-index:2}#hot-products-component .hot-products-container .custom-pagination .pagination-bullet{align-items:center;background:#b6cff5;border-radius:50%;cursor:pointer;display:flex;height:9px;justify-content:center;transition:all .3s ease-in-out;width:9px}#hot-products-component .hot-products-container .custom-pagination .pagination-bullet.active{background:#4c65e7;border-radius:.25rem;height:61px}#hot-products-component .left-container{column-gap:30px;display:flex;flex-basis:726px;flex-wrap:wrap;row-gap:37px}#hot-products-component .left-container>div{flex-basis:348px;text-align:center}#hot-products-component .left-container>div:nth-child(2n){padding-top:12px}#hot-products-component .left-container>.container{padding-right:0}#hot-products-component .left-container .row:first-child{margin-bottom:27px}#hot-products-component .left-container .product-card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 2px #eee;min-height:294px;padding:25px 20px 20px;position:relative;transition:all .2s}#hot-products-component .left-container .product-card a{display:block;text-decoration:none}#hot-products-component .left-container .product-card img.pro{margin-bottom:30px}#hot-products-component .left-container .product-card p{color:#000;font-size:20px;font-weight:600;margin-bottom:20px}#hot-products-component .left-container .product-card .product-desc{color:#444;font-size:16px;line-height:24px}#hot-products-component .left-container .product-card .open-product-btn{bottom:-23.5px;left:50%;opacity:0;position:absolute;transform:translate(-50%)}#hot-products-component .left-container .open-product-btn,#hot-products-component .left-container .product-card:hover .open-product-btn{opacity:1}#hot-products-component .right-container{flex:1}#hot-products-component .right-container>.h2{color:#0c5adb;font-size:24px;font-weight:600;margin-bottom:19px;padding-top:78px}#hot-products-component .right-container>.h2 img{margin-right:17px}#hot-products-component .right-container .title{color:#000;font-size:36px;font-weight:600;margin-bottom:46px}#hot-products-component .right-container .desc{color:#444;font-size:16px;line-height:24px;margin-bottom:75px}#hot-products-component .right-container .discover-more-btn a{padding:18px 47px}@media(min-width:1360px){#hot-products-component .hot-products-container{position:relative}#hot-products-component .hot-products-container .container{width:1360px}}@media(min-width:767px)and (max-width:1329px){#hot-products-component{padding-top:64px}#hot-products-component .hot-products-container .container{width:100%}#hot-products-component .hot-products-container .container .hot-products-swiper{height:auto;padding-bottom:20px}#hot-products-component .hot-products-container .container .hot-products-swiper .hot-product-slide{column-gap:0;flex-direction:column;height:auto}#hot-products-component .hot-products-container .custom-pagination{bottom:0;flex-direction:row;right:47%;top:auto;transform:translate(50%)}#hot-products-component .hot-products-container .custom-pagination .pagination-bullet.active{height:9px;width:61px}#hot-products-component .left-container{flex-basis:auto;height:auto!important}#hot-products-component .left-container>div{flex-basis:calc(50% - 30px)}#hot-products-component .right-container>.h2{padding-top:40px}#hot-products-component .right-container .title{margin-bottom:16px}#hot-products-component .right-container .desc{margin-bottom:35px}#hot-products-component .featured h2{margin-bottom:7px!important}#hot-products-component .featured h2+p{margin-bottom:15px!important}}@media(max-width:767px){#hot-products-component{margin-bottom:46px!important;padding-top:26px}#hot-products-component .hot-products-container .container{width:100%}#hot-products-component .hot-products-container .container .hot-products-swiper{height:auto;padding-bottom:20px}#hot-products-component .hot-products-container .container .hot-products-swiper .hot-product-slide{column-gap:0;flex-direction:column}#hot-products-component .hot-products-container .custom-pagination{bottom:0;flex-direction:row;right:50%;top:auto;transform:translate(50%)}#hot-products-component .hot-products-container .custom-pagination .pagination-bullet.active{height:9px;width:61px}#hot-products-component .left-container{flex-basis:auto;height:auto!important;row-gap:30px}#hot-products-component .left-container .product-card img.pro{margin-bottom:20px}#hot-products-component .left-container .product-card .product-desc{font-size:14px;line-height:1.3}#hot-products-component .left-container .product-card p{margin-bottom:10px}#hot-products-component .left-container div:nth-child(2n){padding-top:0}#hot-products-component .left-container>div{flex-basis:100%}#hot-products-component .right-container>.h2{padding-top:40px}#hot-products-component .right-container .title{font-size:24px;line-height:30px;margin-bottom:16px}#hot-products-component .right-container .desc{font-size:14px;line-height:1.3;margin-bottom:25px}#hot-products-component .featured h2{margin-bottom:7px!important}#hot-products-component .featured h2+p{margin-bottom:15px!important}#hot-products-component .feature-btn-component a{font-size:15px;padding:14px 27.8px!important}}.about-us-component{background:url(/images/webp/new/home/about-bg.webp) no-repeat 50%/cover;padding-bottom:73px}.about-us-component .container{padding-top:250px;position:relative}.about-us-component .about-top-pivot{left:50%;position:absolute;top:0;transform:translate(-50%,-100%);width:100%}.about-us-component .about-top{border-radius:12px;box-shadow:0 0 40px #0000001f;display:flex;flex-wrap:wrap;transform:translateY(207px);width:100%}.about-us-component .about-top .right-desc{background-color:#fff;border-bottom-right-radius:12px;border-top-right-radius:12px;flex:1;padding:40px 45px}.about-us-component .about-top .right-desc .tips{color:#0c5adb;font-size:20px;font-weight:600;margin-bottom:24px}.about-us-component .about-top .right-desc .title{color:#000;font-size:36px;font-weight:600;margin-bottom:26px}.about-us-component .about-top .right-desc .desc{color:#444;font-size:16px;line-height:24px}.about-us-component .about-bottom ul{display:flex;justify-content:space-around}.about-us-component .about-bottom ul li{text-align:center}.about-us-component .about-bottom ul li img{margin-bottom:30px}.about-us-component .about-bottom ul li .title{color:#fff;display:block;font-size:52px;font-weight:600;line-height:1;margin-bottom:10px}.about-us-component .about-bottom ul li span{color:#fff;font-size:16px}@media(min-width:767px)and (max-width:1329px){.about-us-component{padding-top:250px}.about-us-component .about-top .left-img{width:100%}.about-us-component .about-top .left-img img{border-top-left-radius:12px;border-top-right-radius:12px;height:300px;object-fit:cover;width:100%}.about-us-component .about-top .right-desc{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0;padding:20px 25px}}@media(max-width:767px){.about-us-component{padding-bottom:26px}.about-us-component .container{padding-top:26px}.about-us-component .about-top-pivot{position:static;transform:none}.about-us-component .about-top-pivot .about-top{margin-bottom:26px;transform:none}.about-us-component .about-top-pivot .about-top .left-img{width:100%}.about-us-component .about-top-pivot .about-top .left-img img{border-top-left-radius:12px;border-top-right-radius:12px;height:300px;object-fit:cover;width:100%}.about-us-component .about-top-pivot .about-top .right-desc{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top-right-radius:0;padding:20px 25px}.about-us-component .about-bottom ul{flex-direction:column;gap:30px}.about-us-component .about-bottom ul li{align-items:center;display:flex;flex-grow:.25;gap:15px}.about-us-component .about-bottom ul li img{margin-bottom:0;width:35px}.about-us-component .about-bottom ul li .title{font-size:24px;font-weight:700;margin-bottom:0;vertical-align:middle}.about-us-component .about-bottom ul li span{color:#fff;font-size:18px;vertical-align:middle}}.home-bg{background:url(/images/webp/new/common/bg.webp) no-repeat 50%/100% auto}