.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.light{font-family:"light"}.regular{font-family:"regular"}.medium{font-family:"medium"}.flex{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox}.flex-wrap{flex-flow:wrap}.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.inline-block{display:inline-block}.block{display:block}.hide{display:none}.txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bold{font-weight:700}.ligher{font-weight:lighter}.txt-center{text-align:center}.txt-left{text-align:left}.txt-right{text-align:right}.linear{transition-timing-function:linear;-o-transition-timing-function:linear;-moz-transition-timing-function:linear;-webkit-transition-timing-function:linear}.ease{transition-timing-function:ease;-o-transition-timing-function:ease;-moz-transition-timing-function:ease;-webkit-transition-timing-function:ease}.ease-in{transition-timing-function:ease-in;-o-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in}.ease-out{transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out}.ease-in-out{transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-webkit-transition-timing-function:ease-in-out}.before{opacity:0;visibility:hidden}.after{opacity:1;visibility:visible}.upper{text-transform:uppercase}.middle{vertical-align:middle}.background{background-size:contain;background-repeat:no-repeat;background-position:center center}.coverbackground{background-size:cover;background-repeat:no-repeat;background-position:center center}.index-banner-wrapper{position:relative;overflow:hidden}.index-banner-wrapper .swiper-container{overflow:hidden}.index-banner-wrapper .index-banner-swiper .swiper-slide-active img{transform:scale(1.05) translateZ(0);-o-transform:scale(1.05) translateZ(0);-moz-transform:scale(1.05) translateZ(0);-webkit-transform:scale(1.05) translateZ(0)}.index-banner-wrapper .swiper-slide{overflow:hidden}.index-banner-wrapper .swiper-slide a{display:block}.index-banner-wrapper .swiper-slide img{display:block;width:100%;transition:transform 6s;-o-transition:transform 6s;-moz-transition:transform 6s;-webkit-transition:transform 6s}.index-banner-wrapper .swiper-slide img.phone{display:none}.index-banner-wrapper .swiper-slide video{width:100%;height:100%;object-fit:cover}.index-banner-wrapper .ani{display:none}.index-banner-wrapper .info{position:absolute;width:100%;text-align:center;left:0;top:1.54rem;z-index:10}.index-banner-wrapper .info .name{font-family:"medium";font-size:var(--fs40);line-height:var(--lh50);color:#000}.index-banner-wrapper .info p{margin-top:2px;font-size:var(--fs18);color:#141414;line-height:var(--lh30)}.index-banner-wrapper .swiper-pagination{display:block;bottom:.4rem;font-size:0}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet{position:relative;opacity:1;margin:0 5px;width:8px;height:8px;border:none;background:none;transition:all .48s;-o-transition:all .48s;-moz-transition:all .48s;-webkit-transition:all .48s;overflow:hidden}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link,.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:visited,.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus{outline:none}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;border-radius:4px;background:#fff}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:before{content:"";width:0;background:#0071e3;position:absolute;left:0;top:0;z-index:10;height:100%;transition:all 3s;-o-transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.58rem;border-radius:.29rem}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background:rgba(255,255,255,0.5)}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:100%}.index-banner-wrapper .name{animation-delay:.3s}.index-banner-wrapper p{animation-delay:.5s}.index-banner-wrapper .learn{animation-delay:.7s}.index-banner-wrapper .swiper-container-initialized .ani{display:none}.index-banner-wrapper .swiper-container-initialized .swiper-slide-active .learn.ani{display:inline-block}.index-banner-wrapper .swiper-container-initialized .swiper-slide-active .ani{display:block}.index-banner-wrapper .swiper-container-initialized .swiperbtn{display:block}.index-banner-wrapper .swiperbtn{width:18px;height:34px;position:absolute;top:50%;transform:translatey(-50%);-o-transform:translatey(-50%);-moz-transform:translatey(-50%);-webkit-transform:translatey(-50%);z-index:10;transition:all .6s;-o-transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;background:url(../img/b-swiperbtn.png) no-repeat;background-size:36px;opacity:.5;display:none}.index-banner-wrapper .swiperbtn:hover{opacity:1}.index-banner-wrapper .prev{left:.5rem;background-position:left top}.index-banner-wrapper .prev:hover{background-position:left bottom}.index-banner-wrapper .next{right:.5rem;background-position:right top}.index-banner-wrapper .next:hover{background-position:right bottom}.index-banner-wrapper .learn{margin-top:.2rem}.index-banner-wrapper .play{display:none;width:.7rem;height:.7rem;border-radius:50%;border:1px solid #fff;background:url(../img/play.png) no-repeat left 55% center;background-size:.2rem;position:absolute;left:.3rem;bottom:.5rem;z-index:10}@media (max-width: 1600px){.index-banner-wrapper .info{top:1.4rem}}@media (max-width: 1004px){.index-banner-wrapper .swiper-slide img{display:none}.index-banner-wrapper .swiper-slide img.phone{display:block}.index-banner-wrapper .info{top:1.3rem}.index-banner-wrapper .info .name{font-size:var(--fs22);line-height:var(--lh30)}.index-banner-wrapper .info p{font-size:var(--fs16);line-height:var(--lh24)}.index-banner-wrapper .swiper-pagination{bottom:.3rem}.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.6rem;border-radius:.3rem}.index-banner-wrapper .swiperbtn{width:12px;height:23px;background-size:24px}.index-banner-wrapper .prev{left:.3rem}.index-banner-wrapper .next{right:.3rem}.index-banner-wrapper .play{display:block}}.loading-wrapper{width:100%;height:100%;position:fixed;left:0;top:0;background:#fff;z-index:100;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;justify-content:center}.loading-wrapper.animated img{width:4.38rem;transform:scale(1) rotate(0deg)}.loading-wrapper.animated .text:before,.loading-wrapper.animated .text:after{opacity:1;visibility:visible;transform:translatey(0);-o-transform:translatey(0);-moz-transform:translatey(0);-webkit-transform:translatey(0)}.loading-wrapper.animated .text{margin-left:5.08rem}.loading-wrapper .inner{position:relative;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;height:4.38rem}.loading-wrapper .text{width:4.94rem;height:1.7rem;position:relative;transition:all 2s;-o-transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;transition-delay:1.5s}.loading-wrapper .text:after,.loading-wrapper .text:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;visibility:hidden;transform:translatey(50px);-o-transform:translatey(50px);-moz-transform:translatey(50px);-webkit-transform:translatey(50px);transition:all 2s;-o-transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s}.loading-wrapper .text:before{background:url(../img/loading-1.png) no-repeat;background-size:100%;transition-delay:.8s}.loading-wrapper .text:after{background:url(../img/loading-2.png) no-repeat;background-size:100%;transition-delay:1.2s}.loading-wrapper img{display:block;position:absolute;left:0;top:0;z-index:1;transform:scale(0) rotate(110deg);transition:all 2s;-o-transition:all 2s;-moz-transition:all 2s;-webkit-transition:all 2s;transition-delay:2s}@media (max-width: 1004px){.loading-wrapper.animated img{width:2.5rem}.loading-wrapper.animated .text{margin-left:3rem}.loading-wrapper .inner{height:2.5rem}.loading-wrapper .text{width:2.86rem;height:1.01rem}}@font-face{font-family:"db";src:url('../fonts/D-DIN-PRO-800-ExtraBold.otf');font-weight:normal;font-style:normal;font-display:swap}.index-about-wrapper{padding:1rem 0}.index-about-wrapper .beer-slider{border-radius:.15rem}.index-about-wrapper .wrap{position:relative}.index-about-wrapper .wrap img{border-radius:.15rem}.index-about-wrapper .info{text-align:center;width:100%;transform:translatey(-50%);-o-transform:translatey(-50%);-moz-transform:translatey(-50%);-webkit-transform:translatey(-50%);z-index:10;position:absolute;top:50%;left:0;z-index:1}.index-about-wrapper .info .title{font-size:2rem;line-height:1.8rem;color:#000000;font-weight:700;text-transform:uppercase;font-family:"db"}.index-about-wrapper .info p{font-size:var(--fs30);line-height:var(--lh48);letter-spacing:3px;color:#000;margin-top:.52rem}.index-about-wrapper .title-box{text-align:center;width:100%;z-index:10;position:absolute;top:1.2rem;left:0;z-index:1}.index-about-wrapper .title-box .title{font-size:var(--fs48);line-height:var(--lh60);color:#000;font-family:"medium";margin-bottom:.2rem}.index-about-wrapper .title-box .brief{font-size:var(--fs24);color:#9f9886;line-height:var(--lh30)}@media (max-width: 1004px){.index-about-wrapper .beer-slider{border-radius:.1rem}.index-about-wrapper .wrap img{border-radius:.1rem}.index-about-wrapper .info .title{font-size:var(--fs40);line-height:.6rem}.index-about-wrapper .info p{font-size:var(--fs18);line-height:var(--lh24);letter-spacing:2px;margin-top:.2rem}.index-about-wrapper .title-box{top:.6rem}.index-about-wrapper .title-box .title{font-size:var(--fs20);line-height:var(--lh30)}.index-about-wrapper .title-box .brief{font-size:var(--fs16);line-height:var(--lh24)}}.index-goods-wrapper{padding-bottom:var(--indexbox)}.first-goods{background:#f5f5f7;margin-bottom:var(--indexbox);padding-top:.9rem;position:relative}.first-goods:before,.first-goods:after{content:"";width:50%;height:100%;position:absolute;top:0;z-index:1;background:#f5f5f7;transition:all 3s;-o-transition:all 3s;-moz-transition:all 3s;-webkit-transition:all 3s;transition-delay:.6s}.first-goods:before{left:0}.first-goods:after{right:0}.first-goods.animated:before,.first-goods.animated:after{width:0}.first-goods a{display:block}.first-goods a:hover img{transform:scale(1.05) translateZ(0);-o-transform:scale(1.05) translateZ(0);-moz-transform:scale(1.05) translateZ(0);-webkit-transform:scale(1.05) translateZ(0)}.first-goods .title{text-align:center;position:relative;z-index:10;font-size:var(--fs40);line-height:var(--lh50);color:#000;font-family:"medium";margin-bottom:.4rem}@media (max-width: 1004px){.first-goods .title{font-size:var(--fs20);line-height:var(--lh30);margin-bottom:.4rem}}.index-news-wrapper{padding:var(--indexbox) 0;background:#f5f5f7}.index-news-wrapper .swiper-container{margin-top:-0.4rem;padding:.4rem var(--offset2)}.index-news-wrapper .swiper-slide{border-radius:.1rem;background:#fff;height:auto;overflow:hidden;transition:all .48s;-o-transition:all .48s;-moz-transition:all .48s;-webkit-transition:all .48s}.index-news-wrapper .swiper-slide:hover{box-shadow:0 5px 30px rgba(0,0,0,0.15)}.index-news-wrapper .swiper-slide:hover .pic img{transform:scale(1.05) translateZ(0);-o-transform:scale(1.05) translateZ(0);-moz-transform:scale(1.05) translateZ(0);-webkit-transform:scale(1.05) translateZ(0)}.index-news-wrapper .swiper-slide:hover .name{color:#0071e3}.index-news-wrapper .swiper-slide:hover .ibtn{color:#0071e3}.index-news-wrapper .swiper-slide:hover .ibtn .imore:before{background-position:left -0.14rem top;animation:arrowRun 3s infinite}.index-news-wrapper .info{padding:.34rem .36rem .6rem}.index-news-wrapper .pic img{height:2.48rem;object-fit:cover}.index-news-wrapper .time{font-size:var(--fs16);line-height:var(--lh24);color:#000}.index-news-wrapper .name{font-size:var(--fs18);line-height:var(--lh24);height:calc(var(--lh24) * 2);color:#000;font-weight:700;margin:.22rem auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color .48s;-o-transition:color .48s;-moz-transition:color .48s;-webkit-transition:color .48s}.index-news-wrapper .desc{font-size:14px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:var(--lh24);height:calc(var(--lh24) * 2);margin-bottom:.48rem}.index-news-wrapper .swiperbtn-box{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;margin-left:var(--offset2)}.index-news-wrapper .swiperbtn-box a{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#e2e4e7;transition:all .48s;-o-transition:all .48s;-moz-transition:all .48s;-webkit-transition:all .48s}.index-news-wrapper .swiperbtn-box a:hover{background-color:#0071e3}.index-news-wrapper .swiperbtn-box i{width:14px;height:12px;background:url(../img/swiperbtn.png) no-repeat;background-size:28px;display:block;margin:0 auto}.index-news-wrapper .swiperbtn-box .prev{margin-right:.2rem}.index-news-wrapper .swiperbtn-box .prev:hover i{background-position:left top}.index-news-wrapper .swiperbtn-box .prev i{background-position:left bottom}.index-news-wrapper .swiperbtn-box .next{margin-right:.2rem}.index-news-wrapper .swiperbtn-box .next:hover i{background-position:right top}.index-news-wrapper .swiperbtn-box .next i{background-position:right bottom}@media (max-width: 1004px){.index-news-wrapper .swiper-container{padding-top:.5rem;padding-bottom:.5rem;margin-top:-0.5rem}.index-news-wrapper .swiper-slide:hover .ibtn .imore:before{background-position:left -0.22rem top}.index-news-wrapper .info{padding:.48rem .4rem .6rem}.index-news-wrapper .pic img{height:auto}.index-news-wrapper .time{font-size:var(--fs14)}.index-news-wrapper .desc{margin-bottom:.34rem}.index-news-wrapper .swiperbtn-box{justify-content:center}.index-news-wrapper .swiperbtn-box a{width:30px;height:30px}.index-news-wrapper .swiperbtn-box i{width:10px;height:8px;background-size:20px}}.beer-slider{display:inline-block;position:relative;overflow:hidden}.beer-slider *,.beer-slider :after,.beer-slider :before,.beer-slider:after,.beer-slider:before{box-sizing:border-box}.beer-slider img{vertical-align:bottom}.beer-slider>img{max-width:100%;height:auto}.beer-reveal{position:absolute;left:0;top:0;bottom:0;right:50%;overflow:hidden;z-index:1;opacity:0;transition:opacity .35s}.beer-reveal>:first-child{width:200%;max-width:none}.beer-reveal>img:first-child{height:auto}.beer-range{position:absolute;z-index:2;top:0;bottom:0;height:100%;margin:0;left:-1px;width:calc(100% + 2px);cursor:pointer;-webkit-appearance:slider-horizontal !important;-moz-appearance:none;opacity:0;-ms-touch-action:auto;touch-action:auto}.beer-range::-webkit-slider-thumb{-webkit-appearance:none;height:300vh}.beer-range::-moz-range-thumb{-webkit-appearance:none;height:300vh}.beer-range::-ms-tooltip{display:none}.beer-range:focus~.beer-handle{background:rgba(255,255,255,0.85);box-shadow:0 0 3px rgba(0,0,0,0.4)}.beer-reveal[data-beer-label]:after,.beer-slider[data-beer-label]:after{content:attr(data-beer-label);position:absolute;top:1.5rem;line-height:1;padding:.5rem;border-radius:.125rem;background:rgba(255,255,255,0.75)}.beer-slider[data-beer-label]:after{right:1.5rem}.beer-reveal[data-beer-label]:after{left:1.5rem}.beer-reveal[data-beer-label=""]:after,.beer-slider[data-beer-label=""]:after{content:none}.beer-ready .beer-handle,.beer-ready .beer-reveal{opacity:1}.beer-handle{position:absolute;z-index:10;pointer-events:none;opacity:0;left:50%;height:100%;width:2px;top:0;background-color:#fff;margin-left:-1px}.beer-handle:before{content:"";width:.3rem;height:.3rem;position:absolute;left:50%;top:50%;z-index:10;margin-top:-0.15rem;margin-left:-0.15rem;background:url(../img/compare.png) no-repeat center center;background-size:100%;border-radius:50%}