@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage193-page2{position:relative;background:#f7f7f7;z-index:1}
.wmpage193-page2::after{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage193/wmpage193-page2-img7.webp) no-repeat;top:0;right:200px;width:600px;height:150px;z-index:-1}
.wmpage193-page2 .wmpage193-page2-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:self-end}
.wmpage193-page2 .wmpage193-page2-text{text-transform:uppercase;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);color:var(--color)}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:50px;padding:0 20px;border:2px solid #e1e1e1;font-weight:var(--fontbold6);overflow:hidden;transition:all .3s linear;z-index:1}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn a::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color);transition:all .3s linear;transform:translateX(-100%);border-radius:2px;z-index:-1}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn a:hover::before{transform:translateX(0)}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn a:hover{color:#fff}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn em{margin-left:5px;font-size:var(--wmpage-font14);transition:all .3s linear;width: var(--wmpage-font14);line-height: 1;}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn a:hover em{color:#fff;transform:translateX(5px)}
.wmpage193-page2 .wmpage193-page2-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px}
.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-left{width:30%;height:auto}
.wmpage193-page2 .wmpage193-page2-left li{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#fff;border:1px solid #efebeb;border-radius:5px;font-size:var(--wmpage-font18);color:var(--wmpage-color8);font-weight:var(--fontbold6);transition:all .3s linear;cursor: pointer;}
.wmpage193-page2 .wmpage193-page2-left li em{transform:translateX(-15px);transition:all .2s linear}
.wmpage193-page2 .wmpage193-page2-left li:nth-child(-n+5){margin-bottom:15px}
.wmpage193-page2 .wmpage193-page2-left li.active,.wmpage193-page2 .wmpage193-page2-left li:hover{background:var(--color);color:#fff}
.wmpage193-page2 .wmpage193-page2-left li.active em,.wmpage193-page2 .wmpage193-page2-left li:hover em{transform:translateX(0)}
.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-list{width:65%;height:auto;position:relative}
.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-item{position:absolute;opacity:0;transform:scale(0);display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;transition:all .3s linear;max-width:100%}
.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-item.active{transform:scale(1);opacity:1}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-img{width:42%;height:100%}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-img img{width:100%;height:100%;clip-path:polygon(0 0,86% 0,100% 20%,100% 100%,0 100%);object-fit:cover}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-info{width:55%;display:flex;flex-direction:column;justify-content:center;height:auto}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-title{font-size:var(--wmpage-font20);font-weight:var(--fontbold7)}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-desc{color:var(--wmpage-color8);margin:10px 0}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-info ul li{display:flex;align-items:center;color:var(--wmpage-color22);font-weight:var(--fontbold6);margin-top:12px}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-info ul em{color:var(--color);margin-right:10px}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;background:var(--color);font-weight:var(--fontbold6);color:#fff;overflow:hidden;margin-top:20px;transition:all .3s linear;z-index:1}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-btn a::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:#000;transition:all .3s linear;transform:translateX(-100%);border-radius:2px;z-index:-1}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-btn a:hover::before{transform:translateX(0)}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-btn em{margin-left:5px;font-size:var(--wmpage-font14);transition:all .3s linear;width: var(--wmpage-font14);line-height: 1;}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-btn a:hover em{transform:translateX(5px)}
@media screen and (max-width:1024px){.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-left{width:100%;margin-bottom:30px}
.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-list{width:100%}
.wmpage193-page2 .wmpage193-page2-bottom .wmpage193-page2-item{position:static}
}
@media screen and (max-width:768px){.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-img{width:100%;height:auto;margin-bottom:20px}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-info{width:100%}
.wmpage193-page2 .wmpage193-page2-top{display:flex;flex-direction:column;align-content:flex-start;flex-wrap:wrap;align-items:flex-start}
.wmpage193-page2 .wmpage193-page2-top .wmpage193-page2-btn a{margin-top:20px}
}
.wholesale-section5 h5{text-align:center;color:#403226}
.wholesale-section5 .faq-list{margin-top:50px}
@media (max-width:1024px){.wholesale-section5 .faq-list{margin-top:20px}
}
.wholesale-section5 .faq-list .faq-item{cursor:pointer}
.wholesale-section5 .faq-list .faq-item .top{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:20px}
.wholesale-section5 .faq-list .faq-item .top .icon{width:50px;height:50px;line-height:50px;font-size:20px;font-weight:700;background-color:#bb9a65;color:#fff;text-align:center;border-radius:50%}
.wholesale-section5 .faq-list .faq-item .top .title{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;line-height:50px;padding-left:16px}
@media (max-width:768px){.wholesale-section5 .faq-list .faq-item .top .title{line-height:32px}
}
.wholesale-section5 .faq-list .faq-item .top .btn{width:20px;position:relative;-ms-flex-item-align:start;align-self:flex-start;height:50px}
.wholesale-section5 .faq-list .faq-item .top .btn::before{content:"";position:absolute;width:16px;height:2px;left:50%;top:50%;background-color:#999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wholesale-section5 .faq-list .faq-item .top .btn::after{content:"";position:absolute;width:2px;height:16px;left:50%;top:50%;background-color:#999;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.wholesale-section5 .faq-list .faq-item .content{padding:20px 0;display:none}
.wholesale-section5 .faq-list .faq-item.active .top{border-bottom:1px solid #e5e5e5}
.wholesale-section5 .faq-list .faq-item.active .top .btn::after{display:none}
.wmpage193-page2 .wmpage193-page2-item .wmpage193-page2-img{position:relative}
.wmpage193-page2 .wmkcpage139swiper-pagination{position:absolute;width:100%;display:flex;justify-content:center;bottom:30px;left:0;z-index:4}
.wmpage193-page2 .wmkcpage139swiper-pagination .swiper-pagination-bullet{background-color:var(--color)}
.wmkcswiper1 .wmkcswiper1-pagination{position:absolute;width:100%;display:flex;justify-content:center;bottom:30px;left:0;z-index:4}
.wmkcswiper1-pagination .swiper-pagination-bullet{background-color:var(--color)}
.wmkcswiper2 .wmkcswiper2-pagination{position:absolute;width:100%;display:flex;justify-content:center;bottom:30px;left:0;z-index:4}
.wmkcswiper2-pagination .swiper-pagination-bullet{background-color:var(--color)}
.wmpage193-page2 .wmpage193-page2-item .swiper{max-width:100%}
.wmpage193-page2 .wmpage193-page2-item .swiper-slide img{max-width:400px}

.pagesbanner::after{display:none}
.pagesbanner .pagesbanner-animate{text-align:left;color:#111;top:50%;padding:0 70px}
.pagesbanner .pagesbanner-animate .p1{font-size: 2.92vw;font-weight:var(--fontbold7)}
.pagesbanner .pagesbanner-animate .p2{font-size: .83333vw;}
.wmkcmode-bg{padding:5% 0;position:relative;z-index:2}
.wmkcmode-bg::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background-color:#f6f6f6;z-index:-1}
.wmkcmode1{padding:30px 0 5%}
.wmkcmode1 .home-des{max-width:1200px}
.wmkcmode1 .list{display:flex;flex-wrap:wrap}
.wmkcmode1 .list li{width:23.5%;margin-right:2%;margin-top:50px}
.wmkcmode1 .list li:nth-child(4n){margin-right:0}
.wmkcmode1 .list li .img{overflow:hidden;display:block;border-radius:6px}
.wmkcmode1 .list li .img img{transition:all .2s linear}
.wmkcmode1 .list li .info{padding-top:20px}
.wmkcmode1 .list li .info .title{display:block;text-align:center;font-size:var(--fontsize20);font-weight:var(--fontbold6);color:#000;text-decoration:none;transition:all .2s linear}
.wmkcmode1 .list li:hover .img img{transform:scale(1.03)}
.wmkcmode1 .list li:hover .title{color:var(--color)}
.wmkcmode2 .home-des{max-width:1240px}
.wmkcmode2 .tit-list{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);margin:50px 0}
.wmkcmode2 .tit-list li{cursor:pointer;width:15%;text-align:center}
.wmkcmode2 .tit-list li .icon{color:#999;transition:all .1s linear}
.wmkcmode2 .tit-list li .icon em{font-size:var(--fontsize30)}
.wmkcmode2 .tit-list li .tit{text-align:center;color:#000;font-size:var(--fontsize18);font-weight:var(--fontbold6);transition:all .1s linear}
.wmkcmode2 .tit-list li.act .icon{color:var(--color)}
.wmkcmode2 .tit-list li.act .tit{color:var(--color)}
.wmkcmode2 .item-list .item{display:none}
.wmkcmode2 .item-list .item.act{display:block}
.wmkcmode2 .item-list .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wmkcmode2 .item-list .box .img{width:48%;position:relative;border-radius:10px;overflow:hidden}
.wmkcmode2 .item-list .box .img img{width:100%}
.wmkcmode2 .item-list .box .wmkcpage139swiper-pagination{position:absolute;width:100%;left:0;bottom:20px;display:flex;justify-content:center;z-index:10}
.wmkcmode2 .item-list .box .wmkcpage139swiper-pagination .swiper-pagination-bullet{background-color:var(--color)}
.wmkcmode2 .item-list .box .info{width:48%}
.wmkcmode2 .item-list .box .title{color:#000;font-size:var(--fontsize30);font-weight:var(--fontbold7)}
.wmkcmode2 .item-list .box .txt{color:#666;margin-top:16px}
.wmkcmode3::before{background-color:#29233a}
.wmkcmode3 .home-title{color:#fff}
.wmkcmode3 .home-des{color:#fff}
.wmkcmode3 .list{display:flex;justify-content:space-between}
.wmkcmode3 .list li{width:15%;margin-top:50px;position:relative;padding:110px 0}
.wmkcmode3 .list li .title-box{background:#f5f5f5;box-shadow:0 13px 29px 0 rgba(24,92,156,.1);border-radius:50%;border:6px solid #fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--fontsize24);font-weight:var(--fontbold6);color:#000;line-height:1.4;transition:all .2s linear}
.wmkcmode3 .list li .icon{position:absolute;right:-10%;top:50%;color:var(--color);transform:translateY(-50%) rotate(-180deg)}
.wmkcmode3 .list li .txt{color:rgba(255,255,255,.7);text-align:center;position:absolute;left:50%;width:115%;transform:translateX(-50%)}
.wmkcmode3 .list li:nth-child(odd) .txt{bottom:0}
.wmkcmode3 .list li:nth-child(2n) .txt{top:0}
.wmkcmode3 .list li:hover .title-box{border-color:var(--color)}
.wmkcmode4{padding:5% 0}
.wmkcmode4 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wmkcmode4 .info{width:47%}
.wmkcmode4 .info .txt{color:#666;margin-top:10px}
.wmkcmode4 .info .more{margin-top:30px;width:160px;height:52px;border-radius:30px;background-color:#fff;border:1px solid var(--color);display:inline-flex;align-items:center;justify-content:center;color:var(--color);transition:all .2s linear;font-weight:var(--fontbold6);text-decoration:none}
.wmkcmode4 .info .more em{margin-left:6px}
.wmkcmode4 .info .more:hover{background-color:var(--color);color:#fff}
.wmkcmode4 .info .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkcmode4 .info .list li{width:48%;display:flex;align-items:center;margin-top:40px}
.wmkcmode4 .info .list li .icon{width:60px;height:60px;background-color:var(--color);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;margin-right:18px;transition:all .2s linear}
.wmkcmode4 .info .list li .icon em{font-size:var(--fontsize26)}
.wmkcmode4 .info .list li .tip{flex:1;color:#000;font-size:var(--fontsize20);font-weight:var(--fontbold7);line-height:1.4}
.wmkcmode4 .info .list li:hover .icon{transform:translateY(-5px)}
.wmkcmode4 .info .logo-box{margin-top:40px}
.wmkcmode4 .info .logo-box .swiper-slide{height:auto;display:flex;align-items:center}
.wmkcmode4 .img{width:48%;border-radius:10px;overflow:hidden}
.wmkcmode4 .img img{width:100%}
.wmkcmode4 .home-title{text-align:left}
.wmkcmode5 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wmkcmode5 .info{width:47%}
.wmkcmode5 .info .txt{color:#666;margin-top:10px}
.wmkcmode5 .info .txt strong{color:var(--color)}
.wmkcmode5 .info .txt p{margin-bottom:10px}
.wmkcmode5 .img{width:48%;border-radius:10px;overflow:hidden}
.wmkcmode5 .img img{width:100%}
.wmkcmode5 .home-title{text-align:left}
.wmkcmode6{padding:5% 0}
.wmkcmode6 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.wmkcmode6 .info{width:47%}
.wmkcmode6 .info .txt{color:#666;margin-top:10px}
.wmkcmode6 .info .txt strong{color:var(--color)}
.wmkcmode6 .info .txt p{margin-bottom:10px}
.wmkcmode6 .img{width:48%;border-radius:10px;overflow:hidden}
.wmkcmode6 .img img{width:100%}
.wmkcmode6 .home-title{text-align:left}
.wmkcmode7{padding:8% 0}
.wmkcmode7::before{background-image:url(/uploads/43573/page/p202512100951516c70e.webp);background-repeat:no-repeat;background-size:cover}
.wmkcmode7 .home-title{color:#fff}
.wmkcmode7 .des{color:rgba(255,255,255,.6);text-align:center;max-width:680px;margin:0 auto;margin-top:20px}
.wmkcmode7 .btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.wmkcmode7 .btn .home-more{color:#fff;border-color:#fff;background-color:transparent;margin-top:40px;text-decoration:none}
.wmkcmode7 .btn .home-more em{background-color:#fff;color:var(--color)}
.wmkcmode7 .btn .home-more+.home-more{margin-left:50px}
@media screen and (max-width:1440px){.wmkcmode3 .list li .txt{width:136%}
}
@media screen and (max-width:1280px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize30)}
.pagesbanner .pagesbanner-animate .p2{font-size:var(--fontsize16)}
.wmkcmode3 .list li .title-box{font-size:var(--fontsize20)}
.wmkcmode4 .info .list li .tip{font-size:var(--fontsize16)}
}
@media screen and (max-width:1024px){.wmkcmode-bg{padding:40px 0}
.pagesbanner .pagesbanner-animate{padding:0 15px}
.wmkcmode1{padding:20px 0 40px}
.wmkcmode1 .list li{margin-top:30px}
.wmkcmode1 .list li .info{padding-top:10px}
.wmkcmode2 .tit-list{margin:30px 0}
.wmkcmode2 .item-list .box .title{font-size:var(--fontsize20)}
.wmkcmode3 .list{flex-wrap:wrap}
.wmkcmode3 .list li{width:32%;margin-top:30px;padding:0}
.wmkcmode3 .list li .title-box{max-width:160px;margin:0 auto}
.wmkcmode3 .list li .txt{position:static;transform:translate(0);width:100%;margin-top:20px}
.wmkcmode3 .list li .icon{display:none}
}
@media screen and (max-width:768px){.pagesbanner .pagesbanner-animate .p1{font-size:var(--fontsize24)}
.pagesbanner .pagesbanner-animate .p2{max-width:50%}
.wmkcmode1 .list{justify-content:space-between}
.wmkcmode1 .list li{width:49%;margin-right:0}
.wmkcmode2 .tit-list li{width:33%}
.wmkcmode2 .item-list .box .img{width:100%}
.wmkcmode2 .item-list .box .info{width:100%;margin-top:25px}
.wmkcmode4 .box{flex-direction:column-reverse}
.wmkcmode4 .info{width:100%;margin-top:30px}
.wmkcmode4 .img{width:100%}
.wmkcmode5 .img{width:100%}
.wmkcmode5 .info{width:100%;margin-top:30px}
.wmkcmode6 .box{flex-direction:column-reverse}
.wmkcmode6 .info{width:100%;margin-top:30px}
.wmkcmode6 .img{width:100%}
}
@media screen and (max-width:500px){.pagesbanner .pagesbanner-animate .p2{max-width:65%}
.wmkcmode1 .list li .info .title{font-size:var(--fontsize18)}
.wmkcmode2 .tit-list li .tit{font-size:var(--fontsize16)}
.wmkcmode3 .list li{width:49%}
.wmkcmode3 .list li .title-box{width:86%}
.wmkcmode4 .info .list li{width:100%;margin-top:20px}
}