@import url(https://js01.v15cdn.com/single-template/public.css);
.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.justify-normal{-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal}
.justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.justify-around{-ms-flex-pack:distribute;justify-content:space-around}
.imgwrap{overflow:hidden;border-radius:6px}
.imgwrap img{-webkit-transition:.2s;transition:.2s;width:100%}
.imgwrap:hover img{-webkit-transform:scale(1.01);transform:scale(1.01)}
.pagesbanner::after{display:none}
.pagesbanner .pagesbanner-animate .p1{font-size:var(--wmpage-font46);font-weight:var(--fontbold6)}
.pagesbanner .pagesbanner-animate .p2{max-width:810px;margin:15px auto 0}
.inner-common-title{font-size:var(--wmpage-font46);font-weight:var(--fontbold7);line-height:1.3}
.inner-common-line{position:relative;margin:20px 0;width:100px}
.inner-common-line .circle{width:8px;height:8px;border-radius:50%;background-color:#000;position:absolute;left:9px;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}
.inner-common-line .line{width:100%;height:4px;background-color:#7f7f7f;border-radius:4px}
.common-main .inner-common-btn{width:auto;height:auto;background-color:var(--color,#87c812);color:#fff;text-decoration:none!important;padding:10px 20px;border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;z-index:1;margin-top:20px}
@media (max-width:1024px){
.common-main .inner-common-btn{margin-top:10px}
}
.center-title-box{text-align:center;margin-bottom:40px}
.center-title-box .inner-common-line{margin-left:auto;margin-right:auto}
@media (max-width:768px){
.center-title-box{margin-bottom:20px}
}
.bg-full{position:relative}
.bg-full::before{content:"";position:absolute;width:100vw;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:0;z-index:-1;background-color:#f4f4f4}
section.common-main.get-a-sample{padding-bottom:0}
@media (max-width:1440px){
:root{--wmpage-font46:32px}
}
@media (max-width:1024px){
:root{--wmpage-font46:24px}
}
.sample-section{padding:80px 0;max-width:1460px;margin:0 auto}
.sample-section p{color:#000;line-height:1.875}
@media (max-width:1024px){
.sample-section{padding:30px 0}
}
.sample-section1 .sample1-img{width:48%}
.sample-section1 .sample1-box-right{width:52%;padding-left:70px}
.sample-section1 .sample1-box-right .sample1-box-item+.sample1-box-item{margin-top:60px}
.sample-section1 .sample1-box-right .sample1-box-item .icon{width:66px;height:66px;border-radius:50%;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;background-color:var(--color);margin-top:-17px}
.sample-section1 .sample1-box-right .sample1-box-item .content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;padding-left:16px}
.sample-section1 .sample1-box-right .sample1-box-item .content h3{font-size:var(--wmpage-font22);margin-bottom:10px}
@media (max-width:1024px){
.sample-section1 .sample1-img{width:auto}
.sample-section1 .sample1-box-right{width:100%;padding-left:0;margin-top:30px}
}
@media (max-width:768px){
.sample-section1 .sample1-box-right .sample1-box-item+.sample1-box-item{margin-top:30px}
.sample-section1 .sample1-box-right .sample1-box-item .icon{width:40px;height:40px;margin-top:-10px}
.sample-section1 .sample1-box-right .sample1-box-item .content h3{font-size:var(--wmpage-font18)}
}
.sample-section2::before{background:url(/uploads/44664/sample2_1.webp) center center/cover no-repeat}
.sample-section2 .sample2-left{width:53%;color:#fff}
.sample-section2 .sample2-left .inner-common-line .line{background-color:#cbd0d2}
.sample-section2 .sample2-left .inner-common-line .circle{background-color:#fff}
.sample-section2 .sample2-left p{color:inherit}
.sample-section2 .sample2-left .steps-list{gap:30px;margin-top:30px}
.sample-section2 .sample2-left .steps-list li{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc((100% - 60px)/ 3)}
.sample-section2 .sample2-left .steps-list li .num{width:40px;height:40px;border-radius:50%;background-color:#fff;color:#000;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;font-weight:var(--fontbold7);line-height:40px}
.sample-section2 .sample2-left .steps-list li .content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;padding-left:16px}
.sample-section2 .sample2-left .steps-list li .content h3{font-size:var(--wmpage-font20);margin-bottom:10px}
@media (max-width:1024px){
.sample-section2 .sample2-left .steps-list{gap:20px 0}
.sample-section2 .sample2-left .steps-list li{width:100%}
}
.sample-section2 .sample2-right{width:38%}
.sample-section2 .sample2-right h2,.sample-section2 .sample2-right p{color:#fff}
.sample-section2 .sample2-right .des{margin:20px 0 30px}
.sample-section2 .sample2-right .quote-box{background-color:rgba(0,0,0,.46);padding:50px 30px;border-radius:10px}
.sample-section2 .sample2-right .quote-box .send-btn{margin-left:0;border-radius:3px;background-color:transparent;border:1px solid #fff}
@media (max-width:768px){
.sample-section2 .sample2-left{width:100%}
.sample-section2 .sample2-right{width:100%;margin-top:20px}
.sample-section2 .sample2-right .quote-box{padding:15px}
}
.sample-section3 .faq-item{background-color:#f4f4f4;border-radius:6px;margin-bottom:20px;padding:18px}
.sample-section3 .faq-item .faq-tit{font-size:var(--fontsize22);font-weight:var(--fontbold7);display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}
.sample-section3 .faq-item .faq-tit p{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:10px;overflow:hidden}
.sample-section3 .faq-item .more-btn{width:40px;height:40px;background-color:var(--color);border-radius:50%;position:relative}
.sample-section3 .faq-item .more-btn::after,.sample-section3 .faq-item .more-btn::before{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:14px;height:3px;background-color:#fff;border-radius:1.5px}
.sample-section3 .faq-item .more-btn::after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}
.sample-section3 .faq-box{display:none;padding-top:15px;border-top:1px solid #e5e5e5;margin-top:15px;margin-right:75px}
.sample-section3 .faq-item.active .more-btn::after{opacity:0}
@media (max-width:1024px){
.sample-section3 .faq-box{margin-right:0}
.sample-section3 .faq-item .faq-tit p{font-size:var(--wmpage-font20)}
.sample-section3 .faq-item .more-btn{width:30px;height:30px}
}