.webCustomer[data-v-8ea220e3]{background-color:#000;padding:4.0104166667vw 0 4.6875vw}.webCustomer .webTitle h2[data-v-8ea220e3]{font-size:1.7708333333vw;letter-spacing:.1041666667vw;line-height:2.96875vw;margin-bottom:2.6041666667vw}.webCustomer .customer-container[data-v-8ea220e3]{gap:1.40625vw;width:100%}.webCustomer .customer-container__box[data-v-8ea220e3]{background:#36394a;border:.0520833333vw solid hsla(0,0%,100%,.7);border-radius:.7291666667vw;height:22.8125vw;height:100%;overflow:hidden;position:relative;width:19.8958333333vw}.webCustomer .customer-container__box:hover .bgImg img[data-v-8ea220e3]{animation:bgImg-hover-8ea220e3 1s forwards}.webCustomer .customer-container__box .value[data-v-8ea220e3]{flex:1;padding:1.4583333333vw 1.6666666667vw 1.4583333333vw 1.4583333333vw}.webCustomer .customer-container__box .value .name[data-v-8ea220e3],.webCustomer .customer-container__box .value .title[data-v-8ea220e3]{color:#fff;font-size:.8333333333vw;font-weight:400;letter-spacing:.04em;line-height:1.25vw}.webCustomer .customer-container__box .value .title[data-v-8ea220e3]{display:-webkit-box;flex:1;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.webCustomer .customer-container__box .value .name .post[data-v-8ea220e3]{margin-right:.8333333333vw}.webCustomer .customer-container__box .value .name span[data-v-8ea220e3]{color:#fff;font-size:.8333333333vw;font-weight:400;line-height:1.25vw}.webCustomer .customer-container__box .value .effect[data-v-8ea220e3]{color:#ffffff4d;font-size:.8333333333vw;font-weight:400;line-height:1.25vw;margin-top:.4166666667vw}.webCustomer .customer-container__box .bgImg[data-v-8ea220e3]{height:11.5104166667vw;overflow:hidden;width:19.8958333333vw}.webCustomer .customer-container__box .bgImg img[data-v-8ea220e3]{animation:bgImg-8ea220e3 1s forwards;height:11.5104166667vw;width:19.8958333333vw}.webCustomer .customer-container__box .avatar[data-v-8ea220e3]{height:3.3854166667vw;left:50%;position:absolute;top:9.6875vw;transform:translate(-50%);width:3.3854166667vw}@media (min-width:769px) and (max-width:1440px){.webCustomer[data-v-8ea220e3]{background-color:#000;padding:5.3472222222vw 0 6.25vw}.webCustomer .webTitle h2[data-v-8ea220e3]{font-size:2.3611111111vw;letter-spacing:.1388888889vw;line-height:3.9583333333vw;margin-bottom:3.4722222222vw}.webCustomer .customer-container[data-v-8ea220e3]{gap:1.875vw;width:100%}.webCustomer .customer-container__box[data-v-8ea220e3]{background:#36394a;border:.0694444444vw solid hsla(0,0%,100%,.7);border-radius:.9722222222vw;height:30.4166666667vw;height:100%;overflow:hidden;position:relative;width:26.5277777778vw}.webCustomer .customer-container__box:hover .bgImg img[data-v-8ea220e3]{animation:bgImg-hover-8ea220e3 1s forwards}.webCustomer .customer-container__box .value[data-v-8ea220e3]{flex:1;padding:1.9444444444vw 2.2222222222vw}.webCustomer .customer-container__box .value .name[data-v-8ea220e3],.webCustomer .customer-container__box .value .title[data-v-8ea220e3]{color:#fff;font-size:1.1111111111vw;font-weight:400;line-height:1.6666666667vw}.webCustomer .customer-container__box .value .title[data-v-8ea220e3]{display:-webkit-box;flex:1;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.webCustomer .customer-container__box .value .name .post[data-v-8ea220e3]{margin-right:1.1111111111vw}.webCustomer .customer-container__box .value .name span[data-v-8ea220e3]{color:#fff;font-size:1.1111111111vw;font-weight:400;line-height:1.6666666667vw}.webCustomer .customer-container__box .value .effect[data-v-8ea220e3]{color:#ffffff4d;font-size:1.1111111111vw;font-weight:400;line-height:1.6666666667vw;margin-top:.5555555556vw}.webCustomer .customer-container__box .bgImg[data-v-8ea220e3]{height:15.3472222222vw;overflow:hidden;width:26.5277777778vw}.webCustomer .customer-container__box .bgImg img[data-v-8ea220e3]{animation:bgImg-8ea220e3 1s forwards;height:15.3472222222vw;width:26.5277777778vw}.webCustomer .customer-container__box .avatar[data-v-8ea220e3]{height:4.5138888889vw;left:50%;position:absolute;top:12.9166666667vw;transform:translate(-50%);width:4.5138888889vw}}@keyframes bgImg-hover-8ea220e3{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes bgImg-8ea220e3{0%{transform:scale(1.3)}to{transform:scale(1)}}.webCustomer .el-carousel{height:26.0416666667vw!important;width:100%}.webCustomer .el-carousel__container{height:22.8125vw!important}.webCustomer .el-carousel__item{align-items:center;display:flex;justify-content:space-between}.webCustomer .el-carousel__indicators{bottom:0;position:absolute}.webCustomer .el-carousel__indicator{margin:.3125vw;padding:0}.webCustomer .el-carousel__indicators--horizontal{padding-left:.4166666667vw;padding-right:.4166666667vw}.webCustomer .el-carousel__indicators .el-carousel__button{background-color:#fff;border-radius:.1041666667vw;height:.2083333333vw;position:relative;width:2.0833333333vw}.webCustomer .el-carousel__indicators .el-carousel__button:after,.webCustomer .el-carousel__indicators .is-active .el-carousel__button:after{border-radius:.1041666667vw;content:"";height:.2083333333vw;left:0;position:absolute;top:0}.webCustomer .el-carousel__indicators .is-active .el-carousel__button:after{animation:banner-active 5s linear infinite;background-color:#0ac779;width:0}.webCustomer .el-carousel:hover .el-carousel__indicators .is-active .el-carousel__button:after{animation:none}.webCustomer .el-carousel:hover .el-carousel__indicators .is-active .el-carousel__button{background-color:#0ac779;border-radius:.1041666667vw}@keyframes banner-active{0%{width:0}to{width:inherit}}@media (min-width:769px) and (max-width:1440px){.webCustomer .el-carousel{height:34.7222222222vw!important;width:100%}.webCustomer .el-carousel__container{height:30.4166666667vw!important}.webCustomer .el-carousel__item{align-items:center;display:flex;justify-content:space-between}.webCustomer .el-carousel__indicators{bottom:0;position:absolute}.webCustomer .el-carousel__indicator{margin:.4166666667vw;padding:0}.webCustomer .el-carousel__indicators--horizontal{padding-left:.5555555556vw;padding-right:.5555555556vw}.webCustomer .el-carousel__indicators .el-carousel__button{background-color:#fff;border-radius:.1388888889vw;height:.2777777778vw;position:relative;width:2.7777777778vw}.webCustomer .el-carousel__indicators .el-carousel__button:after,.webCustomer .el-carousel__indicators .is-active .el-carousel__button:after{border-radius:.1388888889vw;content:"";height:.2777777778vw;left:0;position:absolute;top:0}.webCustomer .el-carousel__indicators .is-active .el-carousel__button:after{animation:banner-active 5s linear infinite;background-color:#0ac779;width:0}.webCustomer .el-carousel:hover .el-carousel__indicators .is-active .el-carousel__button:after{animation:none}.webCustomer .el-carousel:hover .el-carousel__indicators .is-active .el-carousel__button{background-color:#0ac779;border-radius:.1388888889vw}@keyframes banner-active{0%{width:0}to{width:inherit}}}
