.banner-carousel-component{position:relative}.banner-carousel-component .banner-carousel-swiper{column-gap:16px;display:flex;justify-content:space-between;margin:0 auto;max-width:1891px}.banner-carousel-component .banner-carousel-swiper .carousel-body{padding-left:106px;padding-top:60px;position:relative}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-content{opacity:1;padding-top:14px;width:597px}.banner-carousel-component .banner-carousel-swiper .carousel-body .images-wrap{display:none;position:absolute;right:17px;z-index:-1}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname{color:#fff;display:flex;font-size:24px;font-weight:600;line-height:30px;margin-bottom:23px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname img{margin-right:20px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname span{color:#fff;font-size:30px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-title{color:#fff;font-size:50px;font-weight:600;margin-bottom:29px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-title span{color:#53f2f5}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-desc{color:#fff;font-size:18px;line-height:24px;margin-bottom:59px}.banner-carousel-component .banner-carousel-swiper .carousel-body .custom-button{border:2px solid #fff;border-radius:22px;color:#fff;display:block;font-size:20px;font-weight:600;line-height:24px;padding:13px 31.3px;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{border-radius:20px;cursor:pointer;flex-basis:1361px;min-width:0;padding-bottom:64px;position:relative;transition:all .3s ease;width:1361px;z-index:1}.banner-carousel-component .banner-carousel-swiper .carousel-slide .fold-icon{color:#fff;font-size:22px;font-weight:600;left:50%;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);visibility:hidden;width:100%}.banner-carousel-component .banner-carousel-swiper .carousel-slide .fold-icon img{margin-bottom:24px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold{flex-basis:160px;width:160px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .carousel-content,.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .images-wrap{opacity:0;visibility:hidden}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold:after{opacity:1}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .fold-icon{opacity:1;visibility:visible}.banner-carousel-component .banner-carousel-swiper .carousel-slide:after{background:linear-gradient(0deg,#4a70a6,#2f2d71);border-radius:20px;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/1.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.cleverget-pro{background:url(/images/webp/new/home/banner/2.webp) 50%/cover no-repeat;padding-bottom:0}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-proname{align-items:center}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-body .carousel-title span{color:#fb62f2}.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/3.webp) 50%/cover no-repeat}.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-proname{align-items:center}.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/new/banner/top.jpg) 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{bottom:15px;column-gap:8px;cursor:pointer;display:none;left:50%;position:absolute;transform:translate(-50%);z-index:100}.banner-carousel-component .swiper-radius li{background:#fff;border-radius:50%;display:block;height:6.88px;width:6.88px}.banner-carousel-component .swiper-radius li.active{background:#ff5f49}@media(min-width:2559px){.banner-carousel-component .banner-carousel-swiper{column-gap:19.171px;max-width:2269.405px}.banner-carousel-component .banner-carousel-swiper .carousel-slide{flex-basis:1630.748px;padding-bottom:140px;width:1630.748px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-proname,.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-proname{margin-bottom:67.559px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-title,.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-title{margin-bottom:64.748px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-desc,.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-desc{margin-bottom:110.694px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .carousel-proname{font-size:28.757px;line-height:1.081;margin-bottom:47.559px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .carousel-proname img{width:80.279px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .carousel-proname span{font-size:35.946px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .carousel-title{font-size:59.91px;margin-bottom:54.748px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .carousel-content{width:715.324px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .carousel-desc{font-size:24px;line-height:31.97px;margin-bottom:90.694px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .custom-button{font-size:23.964px;line-height:28.757px;padding:15.577px 37.495px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold{flex-basis:191.712px;width:191.712px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .fold-icon{font-size:26.36px}.banner-carousel-component .banner-carousel-swiper .carousel-slide .fold-icon img{height:75.486px;width:auto}}@media(min-width:1330px)and (max-width:1891px){.banner-carousel-component .banner-carousel-swiper{max-width:calc(100% - 30px)}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .fold-icon{font-size:17px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .fold-icon img{height:45px;width:auto}.banner-carousel-component .banner-carousel-swiper .carousel-body{padding-left:42px;padding-top:23.77px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname{font-size:20px;line-height:normal}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname img{width:45px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname span{font-size:20px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-title{font-size:34px;margin-bottom:19px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-desc{font-size:16px;line-height:20px;margin-bottom:39px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-content{width:497px}.banner-carousel-component .banner-carousel-swiper .carousel-body .custom-button{border-radius:15px;font-size:16px;line-height:20px;padding:11px 20.3px}}@media(min-width:767px)and (max-width:1329px){.banner-carousel-component .banner-carousel-swiper{column-gap:8px;max-width:calc(100% - 30px);overflow:hidden}.banner-carousel-component .banner-carousel-swiper .carousel-slide{padding-bottom:24px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold{min-width:90px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .fold-icon{font-size:14px}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold .fold-icon img{height:35px;margin-bottom:14px;width:auto}.banner-carousel-component .banner-carousel-swiper .carousel-body{padding-left:22px;padding-top:12.45px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname{font-size:16px;line-height:normal}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname img{margin-right:10px;width:35px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname span{font-size:16px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-title{font-size:22px;margin-bottom:14px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-desc{font-size:14px;line-height:18px;margin-bottom:29px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-content{width:295px}.banner-carousel-component .banner-carousel-swiper .carousel-body .custom-button{border-radius:15px;font-size:14px;line-height:18px;padding:8px 14.3px}}@media(max-width:768px){.banner-carousel-component .banner-carousel-swiper{column-gap:0;max-width:100%;overflow:hidden}.banner-carousel-component .banner-carousel-swiper .carousel-slide{padding-bottom:41px;width:100%}.banner-carousel-component .banner-carousel-swiper .carousel-slide.fold{flex-basis:0;min-width:0;opacity:0;visibility:hidden;width:0}.banner-carousel-component .banner-carousel-swiper .carousel-slide.media-pro{background:url(/images/webp/new/home/banner/bg-1.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.cleverget-pro{background:url(/images/webp/new/home/banner/bg-2.webp) 50%/cover no-repeat;padding-bottom:0}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-proname{align-items:center}.banner-carousel-component .banner-carousel-swiper .carousel-slide.cleverget-pro .carousel-body .carousel-title span{color:#fb62f2}.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}.banner-carousel-component .banner-carousel-swiper .carousel-slide.songget-pro .carousel-proname{align-items:center}.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:linear-gradient(-11deg,#fad7d7,#fdb17a)}.banner-carousel-component .banner-carousel-swiper .carousel-slide.gift .fold-icon{opacity:1!important;visibility:visible!important}.banner-carousel-component .banner-carousel-swiper .carousel-body{padding-left:22px;padding-top:12.45px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname{font-size:16px;line-height:normal}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname img{margin-right:10px;width:35px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-proname span{font-size:16px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-title{font-size:22px;margin-bottom:14px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-desc{font-size:14px;line-height:18px;margin-bottom:29px}.banner-carousel-component .banner-carousel-swiper .carousel-body .carousel-content{width:295px}.banner-carousel-component .banner-carousel-swiper .carousel-body .custom-button{border-radius:15px;font-size:14px;line-height:18px;padding:8px 14.3px}}#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}
