﻿.protype-main .page-container{display:none}
.pro-t221-box{position:relative;padding:5% 0;margin-bottom:5%}
.pro-t221-box::before{content:'';position:absolute;left:-230px;top:0;width:1920px;height:100%;background-image:url(/uploads/43538/page/p202502281404314ddd5.jpg);background-repeat:no-repeat;background-size:cover}
.pro-t221-box .kche-wrap-width{position:relative;z-index:2}
.promode-list{margin-bottom:5%}
.promode-list .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.promode-list .list li{width:24%;margin-top:40px;position:relative;border-radius:5px;overflow:hidden}
.promode-list .list li .img{display:block;overflow:hidden}
.promode-list .list li .img img{width:100%;transition:all .2s linear}
.promode-list .list li .info{position:absolute;left:0;bottom:0;padding:30px;width:100%}
.promode-list .list li .info .title{color:#fff;font-size:var(--fontsize26);font-weight:var(--fontbold9);transition:all .2s linear}
.promode-list .list li .info .more{color:#fff;margin-top:10px;display:block;transition:all .2s linear}
.promode-list .list li:hover .img img{transform:scale(1.05)}
@media screen and (max-width:1500px){.promode-list .list li{margin-top:25px}
.promode-list .list li .info{padding:20px}
.promode-list .list li .info .title{font-size:var(--fontsize22)}
}
@media screen and (max-width:1024px){.promode-list{padding:30px 0}
.pro-t221-box{padding:0px 0;margin-bottom:30px}
.prohome-content{max-width:100%;padding:10px 15px}
.promode-list .list li{width:49%}
.pro-t221-box::before{width:calc(100% + 30px);left:-15px}
}
@media screen and (max-width:768px){.prohome-content{margin:0}
.promode-list .list li .info{padding:12px}
.promode-list .list li .info .title{font-size:var(--fontsize20)}
.promode-list .list li .info .more{margin-top:0}
}
.promode-list .list li .img{position: relative;z-index: 2;}
.promode-list .list li .img::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);}
.promode-list .list li .info{z-index: 2;}
.prolist-box li .more{white-space: nowrap;}
.water-bottles .page-module4{padding:5% 0;position:relative}
.water-bottles .page-module4::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/uploads/43538/page/p202502261122470f7be.jpg);background-repeat:no-repeat;background-size:cover}
.water-bottles .page-module4 .box{position:relative;z-index:2}
.water-bottles .page-module4 .box .title{font-size:var(--fontsize30);font-weight:var(--fontbold9);color:#fff;text-align:center}
.water-bottles .page-module4 .box .btn{display:flex;justify-content:center;margin-top:30px}
.water-bottles .page-module4 .box .more{font-weight:var(--fontbold9);color:#fff;width:200px;height:52px;border-radius:10px;border:1px solid var(--color);background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:0 10px}
.water-bottles .page-module4 .box .more:nth-child(2){background-color:transparent;border-color:#fff}
.water-bottles .tumber3 .list{position:relative;z-index:2}
.water-bottles .tumber3{position:relative}
.water-bottles .tumber3::before{content:"";position:absolute;top:0;left:-230px;background-color:#f5f5f5;width:1920px;height:100%}
.water-bottles .tumber2::before{display:none}

@media screen and (max-width:1024px){.water-bottles .tumber3::before{width:calc(100% + 140px);left:-70px}}
@media screen and (max-width:768px){.water-bottles .page-module4 .box .title{font-size:var(--fontsize22)}
.water-bottles .page-module4 .box .btn{flex-wrap:wrap}
.water-bottles .page-module4 .box .btn .more{margin:10px 0}
.water-bottles .tumber3::before{width:calc(100% + 30px);left:-15px}}
.protype-main .banner-inner{background-color: transparent;}
@media screen and (max-width:768px){.pro-main .pagesbanner{min-height:auto}
.pro-main .pagesbanner img{min-height:auto}
.pro-main .pagesbanner .pagesbanner-animate-tumber .p1{font-size:var(--fontsize12)}
.protype-main .pagesbanner{min-height:auto}
.protype-main .pagesbanner img{min-height:auto}
.protype-main .pagesbanner .pagesbanner-animate-tumber .p1{font-size:var(--fontsize12)}
}
