.brand-wall,.tea-bg{background:#fff;overflow:hidden}.brand-wall,.hero,.tea-bg{overflow:hidden}.hero .hero-bg,.tea-bg .tea-banner{width:100%;display:block}.hero{position:relative}.hero .hero-bg{height:100%}.brand-section{max-width:12.4rem;margin:.8rem auto}.brand-section h2{font-size:.32rem;font-weight:700;color:#222F3F}.brand-section p{font-size:.24rem;font-weight:400;color:#222F3F;margin-top:.32rem}.brand-wall{max-width:12.4rem;border-radius:.32rem;margin-top:.28rem}.brand-wall img{width:100%}.tea-cooper{max-width:12.4rem;margin:.8rem auto 0}.tea-title{font-family:PingFang SC,PingFang SC;font-weight:600;font-size:.32rem;color:#222F3F;margin-bottom:.32rem}.tea-bg{border-radius:.32rem}.tea-bg .tea-icon{margin:.6rem auto .16rem;width:.48rem;height:.48rem;display:block}.tea-bg .tea-intro{margin:0 auto;font-size:.16rem;color:#5a636d;text-align:center;line-height:.26rem;padding:0 .1rem}.tea-banner-block{position:relative;max-width:12.4rem;background:#c6a981;margin-top:.6rem;display:flex;justify-content:space-between}.tea-banner-block .banner-img{width:60%}.tea-banner-block .banner-text{position:relative;left:-.6rem;width:40%;padding:.1rem;display:flex;flex-direction:column;justify-content:center;color:#222F3F}.tea-banner-block .banner-text h3{font-size:.24rem;font-weight:600}.tea-banner-block .banner-text .sub{margin-top:.2rem;font-size:.16rem;font-weight:600}.tea-banner-block .banner-text .desc{margin-top:.12rem;font-size:.16rem;font-weight:400}.tea-banner-block .banner-tag{position:absolute;left:.32rem;bottom:.12rem;color:#fff;font-size:.12rem;display:none}.mcn-card-wrap .mcn-card,.value-card{position:relative}.mcn-card-wrap,.value-list{display:grid;grid-template-columns:repeat(3,1fr)}.value-title{text-align:center;font-size:.24rem;margin-top:.6rem;font-weight:600;margin-bottom:.2rem;color:#222F3F}.value-list{margin:0 .32rem;gap:.2rem}.value-card .card-1{width:100%;display:block;height:auto}.value-card .card-box{position:absolute;top:0;right:0;height:100%;min-width:40%;max-width:50%;border-radius:0 .32rem .32rem 0;background:linear-gradient(270deg,#000 4%,rgba(0,0,0,.69) 45%,rgba(0,0,0,0) 100%);backdrop-filter:blur(.16rem);-webkit-backdrop-filter:blur(.16rem);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.16rem .08rem}.value-card .card-text{border:.01rem solid rgba(236,196,94,.4);padding:.24rem .16rem;color:#ecc45e;font-size:.14rem;text-align:center;max-width:95%;max-height:95%;align-items:center;display:flex;flex-direction:column;justify-content:center}.value-card .card-text span:nth-child(2n){font-size:.2rem;font-weight:600;line-height:.28rem}.tea-product-block{max-width:12.4rem;margin-top:.8rem;display:flex;justify-content:space-between;background:linear-gradient(270deg,rgba(105,113,27,0),#69711b,#69711b)}.tea-product-block .product-img{width:60%}.product-gradient{width:40%;padding-left:.5rem;color:#fff;margin-top:.55rem;margin-bottom:.1rem}.product-gradient h3{font-size:.24rem;font-weight:600}.product-gradient .sub{margin-top:.2rem;font-size:.16rem;font-weight:600}.product-gradient .desc{margin-top:.12rem;font-size:.16rem;font-weight:400}.mcn-area{max-width:12.4rem;margin:.8rem auto}.mcn-area .mcn-title{font-size:.32rem;font-weight:700;color:#222F3F}.mcn-area p{font-weight:400;font-size:.24rem;color:#222F3F;margin-top:.32rem}.mcn-card-wrap{gap:.2rem;margin-top:.28rem;padding:.32rem;background-color:#fff;border-radius:.32rem;max-width:12.4rem}.mcn-card-wrap .card-bg{width:100%;border-radius:.32rem}.mcn-card-wrap .card-label{position:absolute;bottom:.05rem;width:100%;height:.6rem;background:rgba(0,0,0,.3);color:#fff;font-size:.2rem;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:0 0 .32rem .32rem;text-align:center;backdrop-filter:blur(.04rem);-webkit-backdrop-filter:blur(.04rem)}@media only screen and (max-width:1224px){.brand-section{margin:.6rem auto}.tea-cooper{margin:.6rem auto 0}.tea-banner-block,.value-title{margin-top:.48rem}.value-title{margin-bottom:.16rem}.mcn-area{margin:.6rem auto}.mcn-card-wrap{padding:.28rem}}@media only screen and (max-width:1024px){.mcn-card-wrap,.value-list{grid-template-columns:repeat(2,1fr)}.brand-section{margin:.48rem auto}.tea-cooper{margin-top:.48rem}.tea-banner-block h3,.tea-product-block h3{font-size:.18rem;font-weight:600}.tea-banner-block .sub,.tea-product-block .sub{font-size:.14rem;font-weight:600}.tea-banner-block .desc,.tea-product-block .desc{font-size:.14rem;font-weight:400}.mcn-area{margin:.48rem auto}.mcn-area .card-label{font-size:.14rem;font-weight:600}.value-list{margin:0 .12rem;gap:.12rem}.mcn-card-wrap{padding:.24rem}}@media only screen and (max-width:824px){.brand-section{margin:.4rem auto}.tea-banner-block{margin-top:.32rem}.value-title{margin-top:.36rem;margin-bottom:.14rem}.mcn-area{margin:.4rem auto}.mcn-card-wrap{padding:.16rem;gap:.12rem}.value-list{gap:.08rem}}@media only screen and (max-width:768px){.brand-wall,.mcn-card-wrap,.mcn-card-wrap .card-bg,.tea-bg{border-radius:.16rem}.mcn-card-wrap,.value-list{grid-template-columns:repeat(2,1fr)}.lang-en .value-card .card-text span:nth-child(2n){line-height:.1rem}.tea-cooper{margin-top:.32rem}.tea-title{margin-bottom:.12rem;font-size:.16rem}.tea-bg .tea-icon{margin:.2rem auto .16rem;width:.32rem;height:.32rem}.tea-bg .tea-intro{font-size:.14rem;line-height:.2rem;padding:0 .12rem}.product-gradient,.tea-banner-block .banner-text{width:100%;padding:.2rem .12rem;box-sizing:border-box}.tea-banner-block{margin-top:.2rem;flex-direction:column}.tea-banner-block .banner-img{width:100%}.tea-banner-block .banner-text{left:0}.tea-banner-block .banner-text h3{font-size:.16rem}.tea-banner-block .banner-text .desc,.tea-banner-block .banner-text .sub{font-size:.14rem}.value-title{margin-top:.2rem;margin-bottom:.16rem;font-size:.16rem}.value-list{margin:0 .12rem;gap:.12rem}.tea-product-block{margin-top:.2rem;flex-direction:column;background:#69711B}.tea-product-block .product-img{width:100%}.value-card .card-text span:nth-child(2n){font-size:.14rem;font-weight:600}.product-gradient{margin:0}.product-gradient h3{font-size:.16rem}.product-gradient .desc,.product-gradient .sub{margin-top:.1rem;font-size:.12rem}.brand-section{margin:.32rem auto}.brand-section h2{font-size:.16rem}.brand-section p{font-size:.14rem;margin-top:.12rem}.brand-wall{margin-top:.08rem}.mcn-area{margin:.32rem auto}.mcn-area .mcn-title{font-size:.16rem}.mcn-area p{font-size:.14rem;margin-top:.12rem}.mcn-card-wrap{gap:.08rem;margin-top:.08rem;padding:.12rem}.mcn-card-wrap .card-label{font-size:.14rem;height:.4rem;font-weight:600;border-radius:0 0 .16rem .16rem}}@media only screen and (max-width:650px){.value-card .card-text{padding:.12rem .08rem}}@media only screen and (max-width:600px){.brand-section,.mcn-area{margin:.24rem auto}.mcn-card-wrap,.value-list{gap:.08rem}}@media only screen and (max-width:500px){.value-card .card-text{padding:.24rem .16rem}.value-list{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:480px){.tea-cooper{margin-top:.16rem}.tea-bg .tea-intro{line-height:.18rem;padding:0 .08rem}.brand-section,.mcn-area{margin:.16rem auto}.mcn-card-wrap{padding:.08rem}}