@import url(https://js01.v15cdn.com/single-template/public.css);
body{scroll-behavior: smooth;}
.be-a-distributor>.l-wrap{max-width: 100%;padding: 0;margin: 0;}
.be-a-distributor .page-main{padding: 0;}
.distributor .mt20{margin-top:20px}
.distributor .mt20mb50{margin-top:20px;margin-bottom:50px}
.distributor .dist-flex-row-rev,.distributor .dist-net-flex{display:flex;align-items:center;justify-content:space-between;gap:80px;width:100%}
.distributor .dist-flex-row-rev{flex-direction:row-reverse}
.distributor .dist-text-box{flex:1;min-width:300px}
.distributor .dist-img-box{flex:1;min-width:300px;overflow:hidden;border-radius:6px}
.distributor .text-align-l{text-align:left}
.distributor .text-align-r{text-align:right}
@media screen and (max-width:1440px){.distributor .dist-flex-row-rev,.distributor .dist-net-flex{gap:40px}
.distributor-page1 .dist-flex-row-rev{align-items:center!important;justify-content:center!important;width:100%}
.distributor-page1 .dist-text-box{width:100%;max-width:100%}
.distributor-page1 .dist-pl-2{padding-left:0!important;margin-top:30px;width:100%}
.distributor-page1 .dist-img-box{width:100%!important;text-align:center!important;margin:0 auto}}
.ptopbom5{padding:5% 0}
.distributor .pagetitle{font-weight:var(--fontbold6);font-size:44px;color:var(--titlecolor);text-align:center;line-height:1}
.distributor .intorcolor{color:var(--introcolor)}
@media (max-width:1640px){.distributor .pagetitle{font-size:var(--fontsize34)}}
@media (max-width:1366px){.distributor .pagetitle{font-size:var(--fontsize28)}}
@media (max-width:1024px){.distributor .pagetitle{font-size:var(--fontsize24)}}
@media (max-width:768px){.distributor .pagetitle{font-size:var(--fontsize22)}}
.distributor .distributor-banner-p{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;z-index:10;text-align:left;color:var(--footercolor)}
.distributor .distributor-banner-p p{margin:0;padding:0}
.distributor .distributor-banner-p p:first-child{font-size:44px}
.distributor-page1 .pagetitle,.distributor-page5 .pagetitle{line-height:1.5}
@media (max-width:550px){.distributor .pagetitle{font-size:var(--fontsize20)}}
@media (max-width:1640px){.distributor .distributor-banner-p p:first-child{font-size:40px}}
@media (max-width:1440px){.distributor .distributor-banner-p p:first-child{font-size:var(--fontsize30)}
.distributor .distributor-banner-p br{display:none!important}}
@media (max-width:1024px){.distributor .distributor-banner-p p{line-height:1.5;text-align:center}
.distributor .distributor-banner-p p:first-child{font-size:var(--fontsize24)}}
@media (max-width:768px){.distributor .distributor-banner-p p{line-height:1.2}
.distributor .distributor-banner-p p:first-child{font-size:var(--fontsize22)}}
@media (max-width:550px){.distributor .distributor-banner-p{padding:0 15px}
.distributor .distributor-banner-p p:first-child{font-size:var(--fontsize20)}
.distributor .distributor-banner-p p:nth-child(3){font-size:var(--fontsize14)}}
.distributor-page2{position:relative;background: url(/Content/uploads/20261256856/2026033118074477ca7b8693964bdfb8dca5318b9aa491.webp)center no-repeat;background-size: cover;}
.distributor-page2>div{position:relative;z-index:2;max-width:1600px;margin:0 auto}
.distributor-page2 .intorcolor,.distributor-page2 .pagetitle{color:var(--footercolor)!important}
.distributor-page2 .dist-adv-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}
.distributor-page2 .dist-adv-box{background:#ffffff1c;padding:60px 40px;text-align:center;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6)!important;transition:all .3s ease}
.distributor-page2 .dist-adv-box:hover{background:#ffffff4f;color:var(--footercolor)!important}
.distributor-page2 .dist-adv-box:hover .dist-adv-headline{color: #fff;}
.distributor-page2 .dist-adv-icon-box{width:100px;height:100px;border-radius:50%;margin:0 auto 25px;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.distributor-page2 .dist-adv-box:hover .dist-adv-icon-box{background: #ffffff45;line-height: 1;}
.distributor-page2 .dist-adv-icon-box .iconfont{font-size: 50px;width: 50px;opacity: .6;transition: opacity .3s ease;color: #8C8E90;line-height: 1;}
.distributor-page2 .dist-adv-box:hover .dist-adv-icon-box .iconfont{opacity:1;color: #fff;}
.distributor-page2 .dist-adv-headline{font-size: var(--fontsize24);font-weight: var(--fontbold6);margin-bottom: 15px;display: block;color: #979CA5;line-height: 1.25;}
.distributor-page2 .dist-adv-text-box p{line-height:1.6;color:inherit!important}
.distributor-page3 .dist-contact-list{display: flex;margin-top: 30px;}
.distributor-page3 .dist-text-box .dev{font-weight: bold;font-size: 18px;color: #000003;line-height: 30px;margin-top: 25px;}
.distributor-page3 .page3-text{margin-top: 40px;}
.distributor-page3 .page3-text p{color: #666666;line-height: 30px;margin-bottom: 20px;}
.distributor-page3 .page3-text p:nth-last-child(1){margin-bottom: 0;}
.distributor-page3 .dist-contact-list li{display: flex;align-items: center;margin-right: 35px;}
.distributor-page3 .dist-contact-list li .icon-circle{display: flex;width: 60px;height: 60px;background: var(--color);border-radius: 50%;justify-content: center;align-items: center;margin-right: 15px;}
.distributor-page3 .dist-contact-list li .icon-circle em.iconfont{font-size:var(--fontsize30);color:var(--footercolor)!important;text-align:center}
.distributor-page3 a{font-weight: bold;font-size: 26px;color: #000003;line-height: 30px;}
.distributor-page3 .dist-img-box img{border:0!important}
.distributor-page4{background: #f6f6f6;}
.distributor-page4 .dist-expect-cards{display:flex;align-items:center;justify-content:center;width:100%;gap:60px}
.distributor-page4 .dist-expect-list{flex:1;min-width:0}
.distributor-page4 .dist-expect-picture{flex:0 0 560px;position:relative;z-index:2}
.distributor-page4 .dist-expect-picture img{border-radius:50%;width:560px;height:560px;object-fit:cover;display:block;margin:0 auto}
.distributor-page4 .dist-expect-item{display:flex;align-items:flex-start;border-bottom:1px solid #ccc;padding:35px 0}
.distributor-page4 .dist-expect-item:hover .dist-expect-icon em{transform: rotateY(180deg);}
.distributor-page4 .dist-expect-item:last-child{border-bottom:none}
.distributor-page4 .dist-expect-icon{width:60px;height:60px;background-color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.distributor-page4 .dist-expect-icon .iconfont{font-size: var(--fontsize30);width: var(--fontsize30);color: #fff;line-height: 1;}
.distributor-page4 .dist-expect-content{display:flex;flex-direction:column;padding-left:20px;flex:1}
.distributor-page4 .dist-expect-tit{font-size:var(--fontsize20);font-weight:var(--fontbold7);color:var(--titlecolor);min-height:60px;display:flex;align-items:center}
.distributor-page4 .dist-expect-text p{line-height:1.6;color:var(--introcolor);margin:10px 0 0}
.distributor-page4 .dist-expect-list:last-child .dist-expect-item{flex-direction:row-reverse;gap:20px}
.distributor-page4 .dist-expect-list:last-child .dist-expect-content{padding-left:0;text-align:right}
.distributor-page4 .dist-expect-list:last-child .dist-expect-tit{justify-content:flex-end}
.distributor-page4 .dist-expect-list:last-child .dist-expect-text p{text-align:right}
.distributor-page5{position:relative;text-align:center;background: url(/Content/uploads/20261256856/202603311807442c7041ec627b487b8bd839061b93b65a.webp)center no-repeat;background-size: cover;}
.distributor-page5 .dist-explore-container{position:relative;z-index:2}
.distributor-page5 .intorcolor,.distributor-page5 .pagetitle{color:var(--footercolor)!important}
.distributor-page5 .dist-explore-btn a{display:inline-block;background:var(--footercolor);color:var(--color);padding:18px 60px;border-radius:40px;font-size:var(--fontsize20);font-weight:var(--fontbold7);transition:all .3s ease;margin-top:50px;line-height:1}
.distributor-page5 .dist-explore-btn a:hover{background:var(--hovercolor);color:var(--footercolor);transform:scale(1.05)}
.distributor-page6 .dist-sample-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
.distributor-page6 .dist-sample-item{border: 1px solid #eee;transition: all .3s ease;background: var(--footercolor);border-radius: 6px;overflow: hidden;}
.distributor-page6 .dist-sample-item:hover{border-color:var(--color)}
.distributor-page6 .dist-sample-info{padding:15px 20px;border-top:1px solid #eee;transition:all .3s ease}
.distributor-page6 .dist-sample-tit{font-size:var(--fontsize20);font-weight:var(--fontbold7);transition:all .3s ease;margin-bottom:10px}
.distributor-page6 .dist-sample-item:hover .dist-sample-tit{color:var(--color)}
.distributor-page6 .dist-sample-des{color: #000;line-height: 30px;}
@media (max-width:768px){.distributor-page6 .dist-sample-list{grid-template-columns:1fr}}
.distributor-page7{background: #f6f6f6;}
.distributor-page7 .distributor-page7-content{display: flex;margin-top: 70px;justify-content: space-between;}
.distributor-page7 .page7-item{text-align: center;position: relative;width: 25%;padding: 0 25px;}
.distributor-page7 .page7-icon{width: 100px;height: 100px;background: var(--footercolor);border-radius: 50%;margin: 0px auto 60px;display: flex;align-items: center;justify-content: center;position: relative;color: var(--color);transition: all .3s ease;}
.distributor-page7 .page7-icon em{font-size: 46px;width: 46px;line-height: 1;}
.distributor-page7 .page7-icon::after{content:'';position:absolute;width:140px;height:140px;border:1px dashed var(--color);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.distributor-page7 .page7-num{position:absolute;top:-24px;right:-24px;background:var(--color);color:var(--footercolor);width:32px;height:32px;border-radius:50%;font-weight:var(--fontbold7);line-height:32px;opacity:0;visibility:hidden;transition:all .3s ease}
.distributor-page7 .page7-item:hover .page7-num{opacity:1;visibility:visible}
.distributor-page7 .page7-tit{margin-bottom: 25px;font-weight: bold;font-size: 20px;color: #000003;}
.distributor-page7 .page7-des{color: #666666;line-height: 30px;}
.distributor-page8 .intorcolor{color: #fff;opacity: .6;}
.distributor-page8{background: url(/Content/uploads/20261256856/20260331180744d4b3846ddf39409da7e76b6c570e6aa8.webp)center no-repeat;background-size: cover;}
.distributor-page8 .distributor-page8-contact{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin: 40px 0 50px;}
.distributor-page8 .page8-contact-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:60px 20px;text-align:center;transition:all .3s ease}
.distributor-page8 .page8-contact-item:hover{background:rgba(255,255,255,.12);box-shadow:0 15px 40px rgba(0,0,0,.4);transform:translateY(-5px)}
.distributor-page8 .page8-icon-wrap{width:100px;height:100px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px}
.distributor-page8 .page8-icon-wrap em{font-size:44px;color:var(--footercolor)}
.distributor-page8 .page8-contact-item p{font-size:var(--fontsize24);font-weight:var(--fontbold6);color:rgba(255,255,255,.7)}
.distributor-page8 .page8-contact-item:hover p{color:var(--footercolor)}
.distributor-page8 .distributor-page8-form{margin:0 auto;padding:20px;border-radius:20px;backdrop-filter:blur(10px);background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.1)}
.distributor-page8 .distributor-page8-form .wmkcfeedback input,.distributor-page8 .distributor-page8-form .wmkcfeedback textarea{background-color:transparent;border-color:rgba(255,255,255,.1);color: #fff;}
.distributor .iconfont{display:inline-block;transition:transform .4s cubic-bezier(.4, 0, .2, 1)}
.distributor img{transition:transform .4s cubic-bezier(.4, 0, .2, 1)}
.distributor .dist-img-box img:hover,.distributor .dist-sample-img img:hover{transform:scale(1.05)}
@media (max-width:1640px) {.distributor .dist-flex-row-rev{gap: 50px;}
.distributor-page2 .dist-adv-headline{font-size: var(--fontsize22);}
.distributor-page2 .dist-adv-icon-box .iconfont{font-size: 46px;width: 46px;}
.distributor-page2 .dist-adv-icon-box{width: 85px;height: 85px;}}
@media (max-width:1440px) {.distributor .mt20{margin-top: 10px;}
.distributor-page1 .intorcolor{margin: 20px 0 35px !important;}
.distributor .mt20mb50{margin-bottom: 30px;}
.distributor-page2 .dist-adv-box{padding: 40px 25px;}
.distributor-page2 .dist-adv-icon-box .iconfont {font-size: 36px;width: 36px;}
.distributor-page2 .dist-adv-icon-box{width: 75px;height: 75px;}
.distributor-page2 .dist-adv-headline{font-size: var(--fontsize20);}
.distributor-page3 .page3-text{margin-top: 25px;}
.distributor-page7 .page7-icon{width: 70px;height: 70px;margin: 0px auto 35px;}
.distributor-page7 .page7-icon em{font-size: 32px;width: 32px;}
.distributor-page7 .page7-icon::after{width: 100px;height: 100px;}
.distributor-page7 .page7-tit{margin-bottom: 10px;}
.distributor-page7 .page7-item{padding: 0 15px;}
.distributor-page8 .page8-contact-item p{font-size: var(--fontsize22);}
.distributor-page8 .page8-icon-wrap{width: 80px;height: 80px;margin: 0 auto 20px;}
.distributor-page8 .page8-icon-wrap em{font-size: 32px;}
.distributor-page8 .page8-contact-item{padding: 40px 20px;}}
@media (max-width:1366px) {.distributor-page3 .dist-contact-list{flex-direction: column;margin-top: 20px;}
.distributor-page3 .dist-contact-list li{margin-bottom: 10px;}
.distributor-page3 .dist-text-box .dev{margin-top: 15px;}
.distributor-page3 .page3-text p{margin-bottom: 10px;}
.distributor-page4 .dist-expect-cards{flex-direction: column;gap: 0;}
.distributor-page4 .dist-expect-list:last-child .dist-expect-item{flex-direction: row;}
.distributor-page4 .dist-expect-list:last-child .dist-expect-tit{justify-content: unset;}
.distributor-page4 .dist-expect-list:last-child .dist-expect-text p{text-align: left;}
.distributor-page4 .dist-expect-item{padding: 20px 0;align-items: center;}
.distributor-page4 .dist-expect-cards{gap: 20px;}}
@media (max-width:1024px) {.distributor .dist-flex-row-rev{flex-direction: column-reverse;gap: 0;}
.distributor-page1 .dist-img-box img{width: 100%;}
.distributor-page3 .dist-net-flex{flex-direction: column-reverse;}
.distributor-page3 .dist-contact-list{flex-direction: row;}
.distributor-page8 .page8-contact-item p{font-size: var(--fontsize20);}
.distributor-page3 a{font-size: var(--fontsize20)}}
@media (max-width:768px) {.distributor-page1 .intorcolor,.distributor-page4 .intorcolor,.distributor-page6 .intorcolor{margin: 10px 0 20px !important;}
.distributor-page2 .dist-adv-list{grid-template-columns: repeat(2, 1fr);}
.distributor-page3 a,.distributor-page6 .dist-sample-tit,.distributor-page7 .page7-tit,.distributor-page8 .page8-contact-item p{font-size: var(--fontsize18);}
.distributor-page4 .dist-expect-tit{min-height: auto;font-size: var(--fontsize18);}
.distributor-page4 .dist-expect-picture{display: none;}
.distributor-page4 .dist-expect-item:last-child{border-bottom: 1px solid #ccc;}
.distributor-page6 .dist-sample-list{grid-template-columns: repeat(2, 1fr);margin-top: 0;}
.distributor-page5 .dist-explore-btn a{font-size: var(--fontsize16);margin-top: 25px;}
.distributor-page7 .distributor-page7-content{margin-top: 40px;flex-wrap: wrap;}
.distributor-page7 .page7-item{width: 49%;margin-bottom: 50px;}
.distributor-page7 .page7-icon {width: 55px;height: 55px;margin: 0px auto 25px;}
.distributor-page7 .page7-icon::after{width: 80px;height: 80px;}
.distributor-page8 .distributor-page8-contact{grid-template-columns: repeat(1, 1fr);gap: 10px;margin: 15px 0 30px;}
.distributor-page8 .page8-contact-item{padding: 20px;}
.distributor-page8 .page8-icon-wrap{width: 65px;height: 65px;}
.distributor .dist-flex-row-rev, .distributor .dist-net-flex{gap: 20px;}
.distributor-page1 .dist-pl-2{margin-top: 0px;}
.distributor-page3 .dist-contact-list{flex-direction: column;}
.distributor-page4 .dist-expect-cards{gap: 0;}}
@media (max-width:550px) {.distributor-page2 .dist-adv-list{grid-template-columns: repeat(1, 1fr);margin-top: 20px;}
.distributor-page2 .dist-adv-box{padding: 25px;}
.distributor-page2 .dist-adv-icon-box {width: 65px;height: 65px;margin: 0 auto 15px;}
.distributor-page2 .dist-adv-icon-box .iconfont{font-size: 30px;width: 30px;}
.distributor .mt20mb50{margin-bottom: 0;}
.distributor-page5 .dist-explore-btn a{padding: 12px 45px;}
.distributor-page6 .dist-sample-list{grid-template-columns: repeat(1, 1fr);}
.distributor-page7 .page7-item{width: 100%;}}

.distributor-banner-p{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.distributor-banner-p .p1{font-weight: var(--fontbold6);font-size: 44px;color: #FFFFFF;}
.distributor-banner-p .p2{color: #FFFFFF;line-height: 36px;margin-top: 20px;line-height: 1.25;}
@media (max-width:1640px) {.distributor-banner-p .p1{font-size: var(--fontsize34);}}
@media (max-width:1366px) {.distributor-banner-p .p1{font-size: var(--fontsize28);}}
@media (max-width:1024px) {.distributor-banner-p .p1{font-size: var(--fontsize24);}
.distributor-banner-p .p2{margin-top: 10px;max-width: 50%;}
.distributor-banner-p .p2 br{display: none;}}
@media (max-width:768px) {.distributor-banner-p .p1{font-size: var(--fontsize22);}
.distributor-banner-p .p2{margin-top: 10px;max-width: 100%;}}
@media (max-width:550px) {.distributor-banner-p .p1{font-size: var(--fontsize20);}}