.banner-h1{display:none}
.pagesbanner::after{display:none}
.pagesbanner .pagesbanner-animate{color:#000;text-align:left;max-width:31.77vw;left:6%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.pagesbanner .pagesbanner-animate .p1{font-size:2.92vw}
.pagesbanner .pagesbanner-animate .p2{font-size:.83333vw;color:#666;padding-right:5.83333vw}
@media (max-width:1024px){.pagesbanner::after{display:block}
.pagesbanner .pagesbanner-animate{color:#fff;text-align:left;max-width:90%;left:6%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.pagesbanner .pagesbanner-animate .p1{font-size:24px}
.pagesbanner .pagesbanner-animate .p2{font-size:14px;color:#fff}
}
.wholesale-section{padding:80px 0}
.wholesale-section h2,.wholesale-section h3,.wholesale-section h4,.wholesale-section h5{font-size:46px;line-height:1.25}
@media (max-width:1440px){.wholesale-section{padding:40px 0}
.wholesale-section h2,.wholesale-section h3,.wholesale-section h4,.wholesale-section h5{font-size:30px}
}
@media (max-width:768px){.wholesale-section{padding:30px 0}
.wholesale-section h2,.wholesale-section h3,.wholesale-section h4,.wholesale-section h5{font-size:24px}
}
.wholesale-section .subtitle{text-align:center;margin:10px auto;max-width:1000px}
.wholesale-section .img{overflow:hidden}
.wholesale-section .img img{width:100%;-webkit-transition:.3s;transition:.3s}
.wholesale-section .img img:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}
.wholesale-section1 p{color:#666}
.wholesale-section1 .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.wholesale-section1 .flex .left{width:42%;padding-right:7%}
.wholesale-section1 .flex .left h2{margin-bottom:15px;color:#403226}
.wholesale-section1 .flex .right{width:58%}
@media (max-width:1200px){.wholesale-section1 .flex .left,.wholesale-section1 .flex .right{width:100%;padding-right:0;margin-bottom:15px}
}
.wholesale-section1 .section1-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px}
.wholesale-section1 .section1-list .section1-list-item{padding:50px 40px;border-radius:10px;width:calc(50% - 20px);-webkit-box-shadow:0 15px 15px rgba(11,3,6,.05);box-shadow:0 15px 15px rgba(11,3,6,.05)}
.wholesale-section1 .section1-list .section1-list-item .icon{width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.wholesale-section1 .section1-list .section1-list-item .tit{color:#000;font-size:22px;margin:5px 0;font-weight:700}
.wholesale-section1 .section1-list .section1-list-item:hover{-webkit-transition:.3s;transition:.3s;background-color:var(--color)}
.wholesale-section1 .section1-list .section1-list-item:hover .icon img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
.wholesale-section1 .section1-list .section1-list-item:hover .tit{color:#fff}
.wholesale-section1 .section1-list .section1-list-item:hover p{color:#fff}
@media (max-width:1440px){.wholesale-section1 .section1-list .section1-list-item{padding:25px}
}
@media (max-width:768px){.wholesale-section1 .section1-list .section1-list-item{width:100%;padding:15px}
}
.wholesale-section2{position:relative;background-color:#f6f6f6}
.wholesale-section2 h3{text-align:center;color:#403226}
.wholesale-section2::before{content:"";position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;height:100%;background:#f6f6f6;z-index:-1}
.wholesale-section2 .tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin:30px 0}
.wholesale-section2 .tabs span{background-color:#fff;border-radius:24px;line-height:46px;padding:0 30px;font-weight:700;color:#666;cursor:pointer;-webkit-transition:.3s;transition:.3s}
.wholesale-section2 .tabs span.active,.wholesale-section2 .tabs span:hover{background-color:var(--color);color:#fff}
@media (max-width:480px){.wholesale-section2 .tabs{margin:15px 0;gap:10px}
.wholesale-section2 .tabs span{line-height:32px;padding:0 20px}
}
.wholesale-section2 .flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}
.wholesale-section2 .flex.active{display:-webkit-box;display:-ms-flexbox;display:flex}
.wholesale-section2 .flex .left{width:50%;overflow:hidden;border-radius:10px}
.wholesale-section2 .flex .right{width:50%;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:0 10px 10px 0;padding:60px 0 60px 80px}
.wholesale-section2 .flex .portfolio-list{width:33%;border-left:1px solid #e5e5e5;padding-left:38px}
.wholesale-section2 .flex .portfolio-list p{color:#333;margin:10px 0;position:relative}
.wholesale-section2 .flex .portfolio-list p:before{content:"";width:4px;height:4px;background-color:#000;border-radius:50%;position:absolute;left:-8px;top:11px}
@media (max-width:1440px){.wholesale-section2 .flex .right{padding:30px 0 30px 40px}
.wholesale-section2 .flex .portfolio-list{padding-left:25px}
}
@media (max-width:1024px){.wholesale-section2 .flex{-ms-flex-wrap:wrap;flex-wrap:wrap}
.wholesale-section2 .flex .left,.wholesale-section2 .flex .right{width:100%}
}
@media (max-width:480px){.wholesale-section2 .flex .right{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 0 15px 15px}
.wholesale-section2 .flex .portfolio-list{width:100%}
}
.wholesale-section3 h4{text-align:center}
.wholesale-section3 .customization-list{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}
.wholesale-section3 .customization-list .img{border-radius:10px;aspect-ratio:342/228}
.wholesale-section3 .customization-list .cus-item{width:25%}
.wholesale-section3 .customization-list .cus-item .tit{font-size:20px;font-weight:700;margin:20px 0 5px}
@media (max-width:1024px){.wholesale-section3 .customization-list{gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.wholesale-section3 .customization-list .cus-item{width:calc(50% - 10px)}
}
@media (max-width:480px){.wholesale-section3 .customization-list .cus-item{width:100%}
}
.wholesale-section3 .more-btn{margin-top:50px;text-align:center}
@media (max-width:768px){.wholesale-section3 .more-btn{margin-top:20px}
}
.wholesale-section4{position:relative}
.wholesale-section4 .subtitle,.wholesale-section4 h4{color:#fff;text-align:center}
.wholesale-section4::before{content:"";position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100vw;height:100%;background:#29233a;z-index:-1}
.wholesale-section4 .project-list{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.wholesale-section4 .project-list .project-item{position:relative;width:calc((100% - 90px)/ 4);border-radius:10px;overflow:hidden}
.wholesale-section4 .project-list .project-item p{color:#fff;position:absolute;bottom:15px;width:100%;text-align:center;padding:0 10px;left:0;right:0}
.wholesale-section4 .project-list .project-item::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(187,154,101,.7) 30%,transparent 100%);opacity:0;transition:all .2s linear}
.wholesale-section4 .project-list .project-item:hover::before{opacity:1}
@media (max-width:1024px){.wholesale-section4 .project-list{gap:20px}
.wholesale-section4 .project-list .project-item{width:calc((100% - 20px)/ 2)}
.wholesale-section4 .project-list .project-item p{font-size:14px}
}
@media (max-width:480px){.wholesale-section4 .project-list .project-item{width:100%}
}
.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}
.wholesale-section6{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.wholesale-section6::before{content:"";position:absolute;left:calc(-1 * (100vw - 100%)/ 2);top:0;width:50vw;height:100%;background:#bb9a65;z-index:-1}
.wholesale-section6::after{content:"";position:absolute;right:calc(-1 * (100vw - 100%)/ 2);top:0;width:50vw;height:100%;background:#f6f6f6;z-index:-1}
.wholesale-section6 .contact-panel{width:50%;padding-right:75px}
.wholesale-section6 .contact-panel .sub,.wholesale-section6 .contact-panel h5{color:#fff}
.wholesale-section6 .contact-panel .sub{margin:20px 0 30px}
.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form input,.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form textarea{border:none;background-color:#c2a475;color:#fff;border-radius:6px}
.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form input::-webkit-input-placeholder,.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form textarea::-webkit-input-placeholder{color:#fff}
.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form input::-moz-placeholder,.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form textarea::-moz-placeholder{color:#fff}
.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form input:-ms-input-placeholder,.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form textarea:-ms-input-placeholder{color:#fff}
.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form input::-ms-input-placeholder,.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form textarea::-ms-input-placeholder{color:#fff}
.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form input::placeholder,.wholesale-section6 .contact-panel .wmkcfeedback .inquiry-form textarea::placeholder{color:#fff}
.wholesale-section6 h5{font-size:var(--fontsize40)}
.wholesale-section6 .contact-panel .wmkcfeedback .send-btn{display:none}
.wholesale-section6 .contact-panel .contact-btn{margin-top:10px}
.wholesale-section6 .contact-panel .contact-btn em{background-color:#403226}
.wholesale-section6 .process{width:50%;padding-left:75px}
.wholesale-section6 .process h5{color:#403226}
.wholesale-section6 .process .sub{margin:20px 0 30px}
.wholesale-section6 .process .process-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;margin-right:50px}
.wholesale-section6 .process .process-list .process-item{text-align:center;margin-bottom:50px;position:relative;width:120px}
.wholesale-section6 .process .process-list .process-item .num{margin:0 auto;width:80px;height:80px;border-radius:50%;border:10px solid #ede7df;line-height:60px;text-align:center;font-weight:700;font-size:24px;background-color:var(--color);color:#fff;font-weight:700;margin-bottom:12px;position:relative;z-index:1}
.wholesale-section6 .process .process-list .process-item p{font-size:22px;font-weight:700}
.wholesale-section6 .process .process-list .process-item::after{content:"";width:100%;height:2px;background-color:var(--color);position:absolute;left:0;top:38px}
.wholesale-section6 .process .process-list .process-item:nth-child(1)::after,.wholesale-section6 .process .process-list .process-item:nth-child(6)::after{width:50%;left:50%}
.wholesale-section6 .process .process-list .process-item:nth-child(3)::after,.wholesale-section6 .process .process-list .process-item:nth-child(4)::after{width:50%;right:50%}
.wholesale-section6 .process .process-list .process-item:nth-child(2),.wholesale-section6 .process .process-list .process-item:nth-child(5){width:calc(100% - 280px)}
.wholesale-section6 .process .process-list .process-item:nth-child(3),.wholesale-section6 .process .process-list .process-item:nth-child(4){width:160px}
.wholesale-section6 .process .process-list .process-item:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.wholesale-section6 .process .process-list .process-item:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.wholesale-section6 .process .process-list .process-item:nth-child(3){-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.wholesale-section6 .process .process-list .process-item:nth-child(4){-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
.wholesale-section6 .process .process-list .process-item:nth-child(5){-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.wholesale-section6 .process .process-list .process-item:nth-child(6){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
@media (max-width:1440px){.wholesale-section6 .process .process-list .process-item p{font-size:18px}
.wholesale-section6 h5{font-size:var(--fontsize30)}
}
.wholesale-section6 .process .process-list::after{content:"";width:95%;height:75%;position:absolute;border-radius:50%;top:35%;right:-3%;border:2px solid var(--color);-webkit-transform:translateY(-50%);transform:translateY(-50%);border-color:transparent;border-right-color:var(--color)}
@media (max-width:640px){.wholesale-section6 .process .process-list{margin-right:0}
.wholesale-section6 .process .process-list::after{display:none}
.wholesale-section6 .process .process-list .process-item{width:50%!important;margin-bottom:15px}
.wholesale-section6 .process .process-list .process-item::after{display:none!important}
.wholesale-section6 .process .process-list .process-item:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.wholesale-section6 .process .process-list .process-item:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
.wholesale-section6 .process .process-list .process-item:nth-child(3){-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}
.wholesale-section6 .process .process-list .process-item:nth-child(4){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}
.wholesale-section6 .process .process-list .process-item:nth-child(5){-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}
.wholesale-section6 .process .process-list .process-item:nth-child(6){-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}
}
@media (max-width:1024px){.wholesale-section6{padding:0}
.wholesale-section6::after,.wholesale-section6::before{display:none}
.wholesale-section6 .contact-panel,.wholesale-section6 .process{width:100%}
.wholesale-section6 .contact-panel{background-color:var(--color);padding:20px}
.wholesale-section6 .contact-panel .sub{margin:10px 0}
.wholesale-section6 .process{background:#f6f6f6;padding:20px}
.wholesale-section6 .process .sub{margin:10px 0}
}
@media screen and (max-width:768px){.wholesale-section6 h5{font-size:var(--fontsize24)}
}