.customer-box[data-v-77cc9ebf]{display:grid;grid-template-rows:repeat(4,auto);align-items:center;z-index:9}.customer-box.fixed[data-v-77cc9ebf]{position:fixed;top:35vh;right:20px}.customer-box .icon-item[data-v-77cc9ebf]{padding:15px 0;width:30px;height:35px;position:relative}.customer-box .icon-item.light[data-v-77cc9ebf]{color:#fff;transition:.3s}.customer-box .icon-item.dark[data-v-77cc9ebf]{color:#000}.customer-box .icon-item:hover .hide-detail[data-v-77cc9ebf]{left:-70px;opacity:1}.customer-box .icon-item:hover .hide-detail .qrocdeIcon[data-v-77cc9ebf]{width:117px;height:110px}.customer-box .icon-item[data-v-77cc9ebf]:first-child,.customer-box .icon-item[data-v-77cc9ebf]:nth-child(2){transition:.8s}.customer-box .icon-item:first-child:hover .hide-detail[data-v-77cc9ebf],.customer-box .icon-item:nth-child(2):hover .hide-detail[data-v-77cc9ebf]{left:-165px;opacity:1}.customer-box .icon-item:first-child .hide-detail[data-v-77cc9ebf],.customer-box .icon-item:nth-child(2) .hide-detail[data-v-77cc9ebf]{font-size:20px;font-weight:700;top:20px;text-shadow:0 -1px 1px #2196f3,2px 1px 1px rgba(3,169,244,.6509803922)}.customer-box .icon-item:first-child:hover .hide-detail[data-v-77cc9ebf]{left:-225px;opacity:1}.customer-box .icon-item>img[data-v-77cc9ebf]{width:100%;height:auto}.customer-box .icon-item .hide-detail[data-v-77cc9ebf]{width:-moz-fit-content;width:fit-content;font-size:15px;position:absolute;top:30px;white-space:nowrap;z-index:0;left:0;opacity:0;transition:left .3s,opacity .1s}.customer-box .icon-item .hide-detail .qrocdeIcon[data-v-77cc9ebf]{position:inherit;left:-55px;top:-30px;width:0;height:0}.about-container.pc-wrap .wrapper-box{display:grid;grid-template-rows:auto 1fr auto}.about-container.pc-wrap .wrapper-box-1{width:100%;height:100%;max-height:5000px;position:relative}.about-container.pc-wrap .wrapper-box-1 .box-bg{width:100%;position:absolute;z-index:-1;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0}.about-container.pc-wrap .wrapper-box-1 .wrapper-content{width:100%;max-width:1200px;margin:auto}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .top-box{padding:177px 0 185px 0;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .top-box .logo{width:465px;height:92px}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .top-box .logo img{width:100%;height:100%}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .top-box .decoration-box{display:flex;margin-top:20px}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .top-box .decoration-box .left{width:505px;height:80px;background-color:#fff;border-radius:10px 0 0 10px;color:#281e85;font-size:30px;line-height:80px;padding-left:20px;font-weight:700}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .top-box .decoration-box .right{width:140px;height:80px;background-color:#281e85;border-radius:0 10px 10px 0;color:#fff;line-height:80px;font-size:50px;text-align:center}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .introduce{width:100%;font-size:18px;color:#fff;line-height:32px;box-sizing:border-box;margin:50px 0}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .introduce div{width:100%;max-width:800px}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .introduce p{margin-bottom:30px}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .wrapp-group-box{margin:70px auto;display:flex;justify-content:center;padding-top:105px}.about-container.pc-wrap .wrapper-box-1 .wrapper-content .wrapp-group-box .sub-title{color:#fff!important;font-size:30px!important;margin-bottom:30px}.about-container.pc-wrap .customer-box{position:fixed;right:30px;top:calc(50vh - 130px)}.about-container.mobile-wrap .wrapper-box{display:grid;grid-template-rows:auto 1fr auto}.about-container.mobile-wrap .wrapper-box-1{background-image:url(../img/mobile_banner.c04ce5f0.png);background-repeat:no-repeat;background-attachment:inherit;background-position:-301px -40px;background-size:calc(100% + 500px) 976px;background-color:#4778f8}.about-container.mobile-wrap .wrapper-box-1 .top-box{box-sizing:border-box;margin-top:70px;padding-left:25px}.about-container.mobile-wrap .wrapper-box-1 .top-box .logo{width:224px;height:auto}.about-container.mobile-wrap .wrapper-box-1 .top-box .logo img{width:100%;height:100%}.about-container.mobile-wrap .wrapper-box-1 .top-box .decoration-box{display:flex;margin-top:20px}.about-container.mobile-wrap .wrapper-box-1 .top-box .decoration-box .left{background-color:#fff;font-size:13px;font-weight:700;padding:9px 37px 12px 11px;border-radius:10px 0 0 10px;color:#281e85}.about-container.mobile-wrap .wrapper-box-1 .top-box .decoration-box .right{background-color:#281e85;border-radius:0 10px 10px 0;color:#fff;font-size:23px;width:67px;display:flex;align-items:center;justify-content:center}.about-container.mobile-wrap .wrapper-box-1 .introduce{font-size:12px;line-height:20px;padding:20px;margin-bottom:0;width:100%;color:#fff;box-sizing:border-box}.about-container.mobile-wrap .wrapper-box-1 .introduce p{margin-bottom:20px}.about-container.mobile-wrap .wrapper-box-1 .wrapp-group-box{background-image:url(../img/case-buttom-bg-1.58cafa6d.png);background-repeat:no-repeat;background-size:auto 330px;background-position:50%}