@keyframes fly-up-f0fbe0a6{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-200px) scale(1.2);opacity:.8}to{transform:translateY(-400px) scale(.5);opacity:0}}.fly-away[data-v-f0fbe0a6]{animation:fly-up-f0fbe0a6 1s ease-out forwards;pointer-events:none}.back-to-top[data-v-f0fbe0a6]{position:fixed;top:80%;right:5%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.app[data-v-f0fbe0a6]{.top[data-v-f0fbe0a6]{width:100%;height:65px;.top-view[data-v-f0fbe0a6]{width:80%;height:100%;display:flex;margin-left:20%;position:relative;justify-content:space-between;.top-view-logo[data-v-f0fbe0a6]{width:7%;height:100%;.top-view-logo-item[data-v-f0fbe0a6]{position:relative;top:10px;width:100%;height:100%;z-index:9999}}.top-view-menu[data-v-f0fbe0a6]{width:59%;height:100%}}}.bottom[data-v-f0fbe0a6]{width:100%;height:350px;background:#21324d;.bottom-main[data-v-f0fbe0a6]{width:100%;height:80%;display:flex;.bottom-main-text[data-v-f0fbe0a6]{flex-direction:column}.bottom-main-img[data-v-f0fbe0a6],.bottom-main-text[data-v-f0fbe0a6]{width:50%;height:100%;display:flex;align-items:center;justify-content:center}}.bottom-code[data-v-f0fbe0a6]{width:100%;height:20%;display:flex;align-items:center;justify-content:center;text-align:center}}}[data-v-f0fbe0a6] .el-card__body{padding:0}.vertical-contact[data-v-f0fbe0a6]{position:fixed;top:70%;right:0;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:row-reverse;align-items:center}.contact-vertical-button[data-v-f0fbe0a6]{background-color:#409eff;color:#fff;padding:10px 6px;border-radius:6px 0 0 6px;font-size:14px;text-align:center;line-height:1.2;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);writing-mode:vertical-rl;text-orientation:mixed}.contact-popup[data-v-f0fbe0a6]{width:220px;background:#fff;border:1px solid #e2e2e2;border-radius:8px;padding:10px;margin-right:8px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.contact-popup-title[data-v-f0fbe0a6]{font-weight:700;font-size:14px;margin-bottom:8px;color:#333}.contact-popup-img[data-v-f0fbe0a6]{width:100%;height:auto;border-radius:4px;margin-bottom:10px}.contact-popup-info[data-v-f0fbe0a6]{font-size:13px;color:#666;line-height:1.6}.fade-enter-active[data-v-f0fbe0a6],.fade-leave-active[data-v-f0fbe0a6]{transition:opacity .3s}.fade-enter-from[data-v-f0fbe0a6],.fade-leave-to[data-v-f0fbe0a6]{opacity:0}@media screen and (max-width:768px){.app[data-v-f0fbe0a6]{overflow-x:hidden;width:100%;.top[data-v-f0fbe0a6]{width:100%;height:65px;.top-view[data-v-f0fbe0a6]{width:80%;height:100%;display:flex;margin-left:20%;position:relative;justify-content:space-between;.top-view-logo[data-v-f0fbe0a6]{width:20%;height:80%;margin-top:2%}.top-view-menu[data-v-f0fbe0a6]{width:59%;height:100%}}}.bottom[data-v-f0fbe0a6]{height:auto;padding:20px 10px;background:#21324d;.bottom-main[data-v-f0fbe0a6]{flex-direction:column;align-items:center;justify-content:center;height:auto;.bottom-main-text[data-v-f0fbe0a6]{width:100%;text-align:center;padding-bottom:10px;div[data-v-f0fbe0a6]{display:flex;flex-direction:column;align-items:center;img[data-v-f0fbe0a6]{width:30px;height:30px;margin-bottom:5px}div[data-v-f0fbe0a6]{font-size:14px;margin:3px 0;word-break:break-word}}}.bottom-main-img[data-v-f0fbe0a6]{width:100%;text-align:center;img[data-v-f0fbe0a6]{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;margin-top:10px}}}.bottom-code[data-v-f0fbe0a6]{height:auto;font-size:12px;color:hsla(0,0%,100%,.5);text-align:center;padding:10px 0;line-height:1.4}}}}.has-bg{transition:box-shadow .5s ease}.has-bg:hover{box-shadow:0 4px 12px rgba(0,0,0,.2)}