﻿@charset "utf-8"; 
:root{--color:#0caad2;--fontfamily:"Raleway", sans-serif;}
@media (min-width:1025px){:root{--fontsize16:18px}}
.head-link .item:last-child a:nth-child(3):before{content:'/';margin:0 5px}
.home-choose .choose-list .item{border:none;}
@media (min-width:769px){.home-choose .choose-list .item {width:24%;padding:10px;}
.home-choose .choose-list .item .hover-item {padding:15px;}}
@media (max-width:1024px) and (min-width:769px){.home-choose .choose-list .item{width:48%}
.home-choose .choose-list{flex-wrap:wrap}}
@media (min-width:1281px){.thumbnail-box .item{height:50px;}}
@media(min-width:1025px){.pro-main .pro-list.list1 li{width: 23%;margin-right: 1.5%;}.pro-list.list1 li:nth-child(3n) {margin-right: 1.5%;}.pro-list.list1 li:nth-child(4n) {margin-right: 0;}}
.home-product .homepro-list .proitem{width: 19%;margin-right: 0% !important;}
.home-product .homepro-list{justify-content: space-between;}
.home-product .homepro-list .proitem .item-info .text{-webkit-line-clamp: 2;}
@media (max-width:1200px) {
    .home-product .homepro-list .proitem .item-info{padding: 10px;}
    .home-product .homepro-list .proitem .item-info .item-tit{font-size: 16px;}
    .home-product .homepro-list .proitem .item-info .text{font-size: 14px;}
}
@media (max-width:768px) {
    .home-choose .choose-list{flex-wrap: wrap;}
    .home-choose .choose-list .item {padding: 10px;width: 50%;}
    .home-choose .choose-list .item .item-tit{font-size: 20px;}
    .home-choose .choose-list .item .item-text p{font-size: 16px;}
    .home-product .homepro-list{flex-wrap: wrap;}
    .home-product .homepro-list .proitem {width: 32%;margin-bottom: 2%;}
}
@media (max-width:500px) {
    .home-product .homepro-list .proitem{width: 49%;}
}
.home-choose .home-des-box{display:none;}
.home-choose,.home-message{padding: 2% 0;}
@media (max-width:768px){.home-choose{background-size:cover}}
@media (min-width:1367px){.home-choose .home-title{font-size:38px;}
.home-choose .choose-list .item .item-tit{font-size:25px;}}
.home-product .home-title{color:var(--color)}
.sidebar-item.hotpro .sidebarhot-item:nth-child(n+4){display:none;}
.home-title,footer .foot-title{text-transform: uppercase;}
@media (min-width:1025px){.newslist li .newslist-info .title{font-size:var(--fontsize20)}
.kche-t114 .kche-t114-des{font-size:18px;}}
.l-wrap{max-width:1400px}
.home-news .homenews-list .homenews-img a{height:auto;padding-bottom:90%;position:relative}
.home-news .homenews-list .homenews-img a img{position:absolute;top:0;left:0;object-fit:cover}
.banner-inner .banner-content .banner-title-h1{visibility: hidden;}

.banner-inner img{max-height:inherit;min-height:inherit;}

.pagesbanner .pagesbanner-animate.procate-wbbox{left: 0;transform:translate(0,-50%);text-align: left;max-width: 40%;padding-left:5%;}
.pagesbanner .pagesbanner-animate.procate-pwbbox{max-width:100%;left: 0;transform:translate(0,-50%);text-align: left;padding-left:5%;}
.pagesbanner .pagesbanner-animate.procate-pwbbox.procate-klwbbox{max-width:45%}
.pagesbanner .pagesbanner-animate.procate-pwbbox.procate-klwbbox .p2{max-width:85%;font-size:20px;}
.pagesbanner .pagesbanner-animate.procate-wbbox .p1,.pagesbanner .pagesbanner-animate.procate-pwbbox .p1{font-size:50px;font-weight:var(--fontbold7)}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate.procate-wbbox .p1,.pagesbanner .pagesbanner-animate.procate-pwbbox .p1{font-size: 40px;}
.pagesbanner .pagesbanner-animate.procate-pwbbox.procate-klwbbox .p2{font-size:18px;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate.procate-wbbox .p1,.pagesbanner .pagesbanner-animate.procate-pwbbox .p1{font-size:var(--fontsize24)}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.procate-wbbox .p2,.pagesbanner .pagesbanner-animate.procate-pwbbox .p2{display:none;}
.pagesbanner .pagesbanner-animate.procate-pwbbox.procate-klwbbox{max-width:50%}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate.procate-wbbox .p1,.pagesbanner .pagesbanner-animate.procate-pwbbox .p1{font-size:var(--fontsize16)}}

.pagesbanner .pagesbanner-animate.procate-awbbox{left: 0;transform:translate(0,-50%);text-align: left;max-width: 50%;padding-left:5%;color:var(--color)}
.pagesbanner .pagesbanner-animate.procate-awbbox .p1{font-size:50px;font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate.procate-awbbox .p2{font-size:22px;margin-top:0;}
@media (max-width:1440px){.pagesbanner .pagesbanner-animate.procate-awbbox .p1{font-size: 40px;}
.pagesbanner .pagesbanner-animate.procate-awbbox .p2{font-size:18px;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate.procate-awbbox .p1{font-size:var(--fontsize24)}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.procate-awbbox .p2{display:none;}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate.procate-awbbox .p1{font-size:var(--fontsize16)}}

.category-box{position: relative;}
.category-btn{position: absolute;width: 100%;height: 100%;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: end;text-align: center;padding-bottom: 50px;align-items: center;}
.category-btn p{color: #fff;font-size: 32px;letter-spacing: 0;font-weight: var(--fontbold7);text-shadow: 1px 1px 2px #000;}
.category-btn a{background: #fff;display: flex;justify-content: center;padding: 10px 15px;border-radius: 50px;line-height: 1;margin-top: 20px;}
.CategorySwiper{padding-bottom: 50px;}
.category-page{padding: 3% 0;}
.category-title{margin-bottom: 35px;}
@media (max-width:768px) {.category-btn p{font-size: 22px;}}
.home-logo{padding:3% 0 1%}
.home-logo .homelogo-list{margin-top:3%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-logo .homelogo-list .homelogo-item{width:16.5%;}
@media (max-width:768px){.home-logo{padding-top:30px;}
.home-logo .homelogo-list .homelogo-item{width:32%;}}
.CategorySwiper .category-box .category-img{padding: 20px;box-sizing: border-box;}
@media (min-width:1025px){.pro-d-main .sidebar{position: sticky;top: 110px;}}

.pagesbanner .pagesbanner-animate.procate-wb{text-align: left;padding-left:4%;}
.pagesbanner .pagesbanner-animate.procate-wb .title p{font-size:46px;font-weight:var(--fontbold7);max-width:40%;line-height:1;}
.pagesbanner .pagesbanner-animate.procate-wb .title p span{font-size:96px;font-style: italic;font-family: sans-serif;}
.pagesbanner .pagesbanner-animate.procate-wb .des{margin-top:2%;font-size:20px;max-width:40%;}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate.procate-wb .title p{font-size:2.4vw;}
.pagesbanner .pagesbanner-animate.procate-wb .title p span{font-size:6vw;}
.pagesbanner .pagesbanner-animate.procate-wb .des{font-size:1.1vw;}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.procate-wb .des{display: none;}
.pagesbanner .pagesbanner-animate.procate-wb .title p{font-size:18px;}
.pagesbanner .pagesbanner-animate.procate-wb .title p span{font-size:38px;}}
@media (max-width:500px){.pagesbanner .pagesbanner-animate.procate-wb .title p{font-size:12px;}
.pagesbanner .pagesbanner-animate.procate-wb .title p span{font-size:18px;}}

@media (min-width:1025px){.pro-d-main.bdwvsb-box .common-main>.l-wrap{padding-left:100px;padding-right:100px;}
.pro-d-main.bdwvsb-box .sidebar{position:initial}}
.home-product .homepro-list .proitem .item-img{padding-bottom: 100%;}
.home-product .homepro-list .proitem .item-img img{position: absolute;top: 0;left: 0;object-fit: contain;}
@media(min-width:1366px){.home-product .homepro-list .proitem .item-info .item-tit{FONT-SIZE:20px;}}
.home-about .about-img .img-info{bottom: 35%;}
.CategorySwiper .category-box .category-img img{aspect-ratio: 400/530;}
.CategorySwiper .category-box .category-img{padding: 0;}
.pro-d-main  .prodetails-info .prodetails-btnlist .pro-btn { background: var(--color);color: #fff;border: none;}
.head-info .nav-ul>li>a{font-weight:var(--fontbold7)}
.pro-d-main .banner-img.pagesbanner{display: none;}
.pagesbanner .pagesbanner-animate.Aluminium.Bottle .p1{color:var(--fontcolor);max-width:50%;}
.pagesbanner .pagesbanner-animate.Aluminium.Bottle .p2{color:var(--fontcolor);max-width:40%;}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate.Aluminium.Bottle .p2{font-size:1.2vw}}
.pagesbanner .pagesbanner-animate.KidsLady.Water.Bottle .p1{color:var(--fontcolor);max-width:70%;}
.pagesbanner .pagesbanner-animate.KidsLady.Water.Bottle .p2{color:var(--fontcolor);max-width:50%;}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.KidsLady.Water.Bottle .p1{max-width:45%;}}
.pagesbanner .pagesbanner-animate.Plastic.Water.Bottle{left:50%;max-width:50%;padding:0 50px;}
.pagesbanner .pagesbanner-animate.Plastic.Water.Bottle .p1{color:var(--fontcolor);font-size:60px;}
.pagesbanner .pagesbanner-animate.Plastic.Water.Bottle .p2{color:var(--fontcolor);font-size:22px;max-width:100%;}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate.Plastic.Water.Bottle .p1{font-size:3.1vw}
.pagesbanner .pagesbanner-animate.Plastic.Water.Bottle .p2{font-size:1.1vw}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate.Plastic.Water.Bottle{padding:0 20px;}}
.pro-d-main aside{display:none;}
.pro-d-main .page-main{width:100%;margin-left:0;}
.foot-code .foot-qrimg img{margin-bottom:15px;}
footer .foot-item.foot-code{display:none;}
#wmkc .wmkc-whatsapp{position: relative;}
#wmkc .wmkc-whatsapp .wmkc-wechat-img{top:0;bottom:inherit;}
@media (min-width:1025px){header.is-active .head-top {height: 40px;opacity: 1;visibility: initial;}}
