@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);.footer-whole-page[data-v-4860309f]{color:#fff;font-family:test;width:100vw;height:20vw;display:flex;flex-direction:column;align-content:center;justify-content:flex-start;background-color:#2d3030}.footer-main[data-v-4860309f]{height:16vw;width:100%;border-bottom:1px solid #a0a0a0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end}.main-1[data-v-4860309f]{height:90%;width:15vw;margin-left:10vw;margin-right:15vw;display:flex;flex-direction:column;align-items:flex-start}.footer-icon[data-v-4860309f]{height:3.5vw;width:7vw;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E8%B5%84%E6%BA%90%204.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.main-title[data-v-4860309f]{font-size:1.1vw;font-family:test;font-weight:800;color:#fff;line-height:3vw;height:3vw;white-space:nowrap}.main-content[data-v-4860309f]{position:relative;margin-top:1vw;width:15vw;font-size:.95vw;font-family:test;font-weight:400;color:#a0a0a0;line-height:1.5vw;display:flex;flex-direction:column;justify-content:flex-start}.main-2[data-v-4860309f]{height:60%;width:10vw;margin-right:10vw;margin-bottom:2vw}.footer-footer[data-v-4860309f]{font-size:.8vw;line-height:4vw;height:4vw;width:100%;text-align:center}.main-3[data-v-4860309f]{width:10vw;height:10vw;display:flex;margin-bottom:2vw;margin-left:5vw;margin-right:10vw;flex-direction:column}.qr-code[data-v-4860309f]{margin-left:1.5vw;background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E4%BA%8C%E7%BB%B4%E7%A0%81.png) no-repeat 50%;background-size:contain;width:7vw;height:7vw}.qr-text[data-v-4860309f]{line-height:2.5vw;height:2vw;text-align:center;font-size:1vw;color:#a0a0a0}.main-line[data-v-4860309f]{height:80%;width:1px;background-color:#a0a0a0;margin-bottom:1.6vw}.boxchilde[data-v-356fd730]{display:inline-block;margin-top:2vw;margin-right:2.5vw;width:18vw;height:14vw;transition:all .6s ease-in;overflow:hidden}.boxchilde[data-v-356fd730]:hover{cursor:pointer;transform:translateY(-10px)}.header[data-v-356fd730]{position:relative;width:100vw;height:42vh}.main[data-v-356fd730]{width:100vw;margin-top:25vw;margin-bottom:0;position:relative}.produce[data-v-356fd730]{height:32.5vw;width:62.5vw;margin:3.75vw auto 5vw;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.produce-large-card[data-v-356fd730]{width:41.3vw;height:15vw;cursor:default;color:#fff;transition:all .3s;background-repeat:no-repeat;background-size:100% 100%;background-position:50%}.produce-large-card[data-v-356fd730]:hover{color:#fff}.produce-medium-card[data-v-356fd730]{width:20vw;height:15vw;cursor:default;background-repeat:no-repeat;background-size:100% 100%;background-position:50%;color:#fff;transition:all .3s}.produce-medium-card[data-v-356fd730]:hover{color:#fff}.produce-card-1[data-v-356fd730]{transition:all .3s;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E7%89%A9%E7%90%86%E5%AE%9E%E9%AA%8C1.png)}.produce-card-2[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E5%8C%96%E5%AD%A6%E5%AE%9E%E9%AA%8C1.png)}.produce-card-3[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E7%94%9F%E7%89%A9%E5%AE%9E%E9%AA%8C1.png)}.produce-card-4[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E6%A8%A1%E8%80%83.png)}.produce-card-5[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/VR1.png)}.produce-card-1[data-v-356fd730]:hover,.produce-card-2[data-v-356fd730]:hover,.produce-card-3[data-v-356fd730]:hover,.produce-card-4[data-v-356fd730]:hover,.produce-card-5[data-v-356fd730]:hover{transform:scale(1.05)}.produce-card-text[data-v-356fd730]{font-family:test;width:80%;height:50%;margin:2vw auto 1.5vw;text-align:left;line-height:1.5vw;font-size:.9vw}.produce-card-btn[data-v-356fd730]{width:5vw;text-align:center;letter-spacing:1px;height:1.5vw;line-height:1.5vw;border-radius:2vw;font-size:.8vw;margin:auto 2vw auto;background-color:#fff;cursor:pointer;transition:all .5s ease}.solution[data-v-356fd730]{width:100vw;height:31.25vw;display:flex;flex-wrap:nowrap;flex-direction:row;margin:0 0 0}.solution-right-btn[data-v-356fd730]{height:100%;width:12vw;display:flex;justify-content:center;align-items:center;cursor:pointer;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E7%AE%AD%E5%A4%B4%E4%B8%8B%E8%83%8C%E6%99%AF.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.right-in[data-v-356fd730]{transition:all .5s ease}.solution-card1[data-v-356fd730]{width:25%;height:100%;background-size:cover;background:url(http://data.xiyilab.com/web/main/static/%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/%E5%B8%B8%E6%80%81%E5%8C%96%E6%95%99%E5%AE%A4banner.png) no-repeat 50%;position:relative}.card-mask[data-v-356fd730]{height:100%;width:100%;background-color:rgba(0,0,0,.6)}.solution-line[data-v-356fd730]{background-image:linear-gradient(90deg,#04abff,#4f75fb),linear-gradient(#5c6c7a,#5c6c7a);background-blend-mode:normal,normal;width:3vw;height:3px}.solution-more-btn[data-v-356fd730]{height:1.8vw;line-height:1.8vw;width:7rem;font-size:.7vw;border-radius:1.8vw;color:#5eb2f7;background:#fff;font-weight:800;font-family:test;cursor:pointer}.classroom-pic[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/icon_%E6%95%99%E5%AD%A6.png)}.classroom-pic[data-v-356fd730],.vr-pic[data-v-356fd730]{width:3.6vw;height:3.6vw;background-position:50%;background-size:contain;background-repeat:no-repeat;margin-bottom:2vw}.vr-pic[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/icon_VR.png)}.math-pic[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/icon_%E6%95%B0%E5%AD%97%E5%8C%96.png)}.exam-pic[data-v-356fd730],.math-pic[data-v-356fd730]{width:3.6vw;height:3.6vw;background-position:50%;background-size:contain;background-repeat:no-repeat;margin-bottom:2vw}.exam-pic[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/icon_%E5%AE%9E%E6%93%8D%E8%80%83%E8%AF%95.png)}.active-card[data-v-356fd730]{background-color:transparent}.solution-card1:hover .card-mask[data-v-356fd730]{background-color:transparent;transition:all .5s}.solution-card2[data-v-356fd730]{position:relative;width:25%;height:100%;background-size:cover;background:url(http://data.xiyilab.com/web/main/static/%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/%E6%95%B0%E5%AD%97%E5%8C%96%E5%AE%9E%E9%AA%8C%E5%AE%A4.png) no-repeat 50%}.solution-card2:hover .card-mask[data-v-356fd730]{background-color:transparent;transition:all .5s}.solution-card3[data-v-356fd730]{position:relative;width:25%;height:100%;background-size:cover;background:url(http://data.xiyilab.com/web/main/static/%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/%E7%90%86%E5%8C%96%E7%94%9F%E5%AE%9E%E9%AA%8C%E5%AE%A4banner.png) no-repeat 50%}.solution-card3:hover .card-mask[data-v-356fd730]{transition:all .5s;background-color:transparent}.active-solution-card[data-v-356fd730]{width:50%;height:100%}.usage[data-v-356fd730]{display:flex;flex-direction:column;justify-content:center;width:62.5vw;height:50vw;margin:2vw auto 2vw}.usage-line[data-v-356fd730]{width:100%;height:4vw;margin-bottom:7vw;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E5%9C%BA%E6%99%AF%E6%B3%A2%E6%B5%AA%E7%BA%BF.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.usage-card-group[data-v-356fd730]{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.usage-mini-card[data-v-356fd730]{width:20vw;margin:.5vw}.usage-medium-card[data-v-356fd730],.usage-mini-card[data-v-356fd730]{height:15.625vw;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);overflow:hidden}.usage-medium-card[data-v-356fd730]{width:30vw;margin:0 .5vw 0}.usage-card-title[data-v-356fd730]{position:absolute;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E6%95%99%E5%AE%A4%E6%A0%87%E7%AD%BE.png);width:8.3vw;height:1.8vw;top:2vw;text-align:center;color:#fff;font-family:test;font-size:.8vw;white-space:nowrap;line-height:1.8vw;letter-spacing:1px;background-repeat:no-repeat;background-size:cover;background-position:50%}.usage-large-card[data-v-356fd730]{height:33vw;width:30vw;margin:.5vw;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.bigger-img[data-v-356fd730]{position:absolute;display:inline-block;width:100%;height:100%;transition:.5s;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E6%99%AE%E9%80%9A%E6%95%99%E5%AE%A4.png);background-size:150% 100%;background-repeat:no-repeat;background-position:50%}.medium-img-1[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E5%A4%9A%E5%AA%92%E4%BD%93%E6%95%99%E5%AE%A4.png)}.medium-img-1[data-v-356fd730],.medium-img-2[data-v-356fd730]{position:absolute;display:inline-block;width:100%;height:100%;transition:.5s;background-size:125% 125%;background-position:50%}.medium-img-2[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E7%90%86%E5%8C%96%E7%94%9F%E5%AE%9E%E9%AA%8C%E6%95%99%E5%AE%A4.png)}.mini-img-1[data-v-356fd730]{position:absolute;display:inline-block;width:100%;height:100%;transition:.5s;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E5%88%9B%E6%96%B0%E6%95%99%E5%AE%A4.png);background-size:200% 100%;background-repeat:no-repeat;background-position:0}.mini-img-2[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E8%80%83%E8%AF%95%E5%AE%9E%E8%AE%AD.png)}.mini-img-2[data-v-356fd730],.mini-img-3[data-v-356fd730]{position:absolute;display:inline-block;width:100%;height:100%;transition:.5s;background-size:200% 100%;background-repeat:no-repeat;background-position:50%}.mini-img-3[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E6%97%A5%E5%B8%B8%E7%BB%83%E4%B9%A0.png)}.usage-large-card:hover .bigger-img[data-v-356fd730],.usage-medium-card:hover .medium-img-1[data-v-356fd730],.usage-medium-card:hover .medium-img-2[data-v-356fd730],.usage-mini-card:hover .mini-img-1[data-v-356fd730],.usage-mini-card:hover .mini-img-2[data-v-356fd730],.usage-mini-card:hover .mini-img-3[data-v-356fd730]{transform:scale(1.25)}.usage-card-group-right[data-v-356fd730]{display:flex;flex-direction:column;justify-content:flex-end;height:33vw}.case[data-v-356fd730]{display:flex;flex-direction:column;justify-content:center;width:100vw;height:20vw;margin:2vw auto 2vw;overflow:hidden;align-items:center}.case-switch-zone[data-v-356fd730]{height:14vw;width:75vw;margin:auto;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center}.switch-zone[data-v-356fd730]{width:64vw;height:12.5vw;position:relative;overflow:hidden}.case-card-0[data-v-356fd730]{left:-22vw}.case-card-0[data-v-356fd730],.case-card-1[data-v-356fd730]{position:absolute;width:20vw;height:100%;border-radius:4px;background-position:50%;background-size:contain;background-repeat:no-repeat}.case-card-1[data-v-356fd730]{left:0}.case-card-2[data-v-356fd730]{left:22vw}.case-card-2[data-v-356fd730],.case-card-3[data-v-356fd730]{position:absolute;width:20vw;height:100%;border-radius:4px;background-position:50%;background-size:contain;background-repeat:no-repeat}.case-card-3[data-v-356fd730]{left:44vw}.case-card-4[data-v-356fd730]{position:absolute;left:66vw;width:20vw;height:100%;border-radius:4px;background-position:50%;background-size:contain;background-repeat:no-repeat}.switch-btn[data-v-356fd730]{position:relative;width:2vw;height:2vw;line-height:180px;border-radius:50%;background:#fff;text-align:center;cursor:pointer}.switch-btn i[data-v-356fd730]{background:linear-gradient(0deg,#0dccff,#4760ff);-webkit-background-clip:text;color:transparent;position:absolute;font-size:1vw;top:.5vw;left:.5vw}.switch-btn[data-v-356fd730]:after{position:absolute;content:"";background:linear-gradient(0deg,#0dccff,#4760ff);bottom:0;right:0;left:0;top:0;z-index:-1;transform:scale(1.05);border-radius:50%}.switch-btn[data-v-356fd730]:hover{background:linear-gradient(0deg,#0dccff,#4760ff);box-shadow:0 26px 57px 0 rgba(4,171,255,.4)}.switch-btn:hover i[data-v-356fd730]{color:#fff}.case-more-btn[data-v-356fd730]{font-family:test;letter-spacing:1px;height:2vw;font-size:.8vw;width:6vw;margin:auto;background-image:linear-gradient(90deg,#04abff,#4f75fb),linear-gradient(#5c6c7a,#5c6c7a);background-blend-mode:normal,normal;border-radius:2vw;text-align:center;color:#fff;font-weight:600;line-height:2vw}.produce-title[data-v-356fd730]{background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/-%E4%BA%A7-%E5%93%81-%E4%BB%8B-%E7%BB%8D-%E6%A0%87%E9%A2%98.png) no-repeat 50%;background-size:contain;width:18.2vw;height:6.35vw;margin:0 auto 1vw;position:relative}.produce-back[data-v-356fd730]{position:absolute;width:100vw;height:48.8vw;left:-41vw;background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%E8%A3%85%E9%A5%B0%E8%83%8C%E6%99%AF.png) no-repeat 0;z-index:-1;background-size:contain}.solution-title-back[data-v-356fd730]{width:100vw;height:10vw;background-color:#fff;margin-top:0;margin-bottom:0;display:flex;justify-content:center;align-items:center}.solution-title[data-v-356fd730]{background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/-%E8%A7%A3-%E5%86%B3-%E6%96%B9-%E6%A1%88-%E6%A0%87%E9%A2%98.png) no-repeat 50%;background-size:contain;width:15vw;height:6.35vw;margin:2vw auto 2vw}.video-title[data-v-356fd730]{background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/-%E8%A7%86-%E9%A2%91-%E4%BB%8B-%E7%BB%8D-%E6%A0%87%E9%A2%98.png) no-repeat 50%;background-size:contain;width:16vw;height:6.35vw;margin:0 auto 1vw;position:relative}.usage-title[data-v-356fd730]{background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/-%E4%BD%BF-%E7%94%A8-%E5%9C%BA-%E6%99%AF-%E6%A0%87%E9%A2%98.png) no-repeat 50%;background-size:contain;width:15vw;height:6.35vw;margin:0 auto 1vw;position:relative}.case-title[data-v-356fd730]{background:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E6%A1%88%E4%BE%8B%E5%B1%95%E7%A4%BA%E6%A0%87%E9%A2%98.png) no-repeat 50%;background-size:contain;width:15vw;height:6.35vw;margin:0 auto 1vw}.video-back[data-v-356fd730]{position:absolute;z-index:-1;width:100vw;top:32vw;left:-42vw;height:31.25vw;background-image:linear-gradient(90deg,#04abff,#4f75fb),linear-gradient(#5c6c7a,#5c6c7a);background-blend-mode:normal,normal}.video-text[data-v-356fd730]{width:50vw;height:6vw;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:18vw auto 5vw}.video-text-group[data-v-356fd730]{height:100%;display:flex;flex-direction:column;justify-content:center}.video-text-up[data-v-356fd730]{text-align:left;font-family:LcdD;font-size:3vw;margin-bottom:.7vw}.video-text-down[data-v-356fd730],.video-text-up[data-v-356fd730]{font-weight:400;font-stretch:normal;line-height:24px;letter-spacing:0;color:#fff}.video-text-down[data-v-356fd730]{margin-top:.5vw;font-family:test;font-size:1.2vw}.video-right-in[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E5%A4%A7%E5%9B%BE%E6%A0%87%E5%81%9A%E5%8A%A8%E7%94%BB%201.png);top:47vw;left:60vw;width:18.75vw;height:15.625vw}.video-left-in[data-v-356fd730],.video-right-in[data-v-356fd730]{z-index:999;position:absolute;background-repeat:no-repeat;background-size:contain;background-position:50%}.video-left-in[data-v-356fd730]{background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E5%A4%A7%E5%9B%BE%E6%A0%87%E5%81%9A%E5%8A%A8%E7%94%BB.png);top:34vw;left:-60vw;width:17.5vw;height:20vw}.usage-back[data-v-356fd730]{position:absolute;left:-32.5vw;top:-3vw;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E4%BD%BF%E7%94%A8%E5%9C%BA%E6%99%AF%E5%A4%A7%E8%83%8C%E6%99%AF.png);background-repeat:no-repeat;background-position:50%;background-size:cover;width:90vw;height:73.8vw}.move-back[data-v-356fd730]{position:absolute;left:-41vw;top:5vw;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E4%BD%BF%E7%94%A8%E5%9C%BA%E6%99%AF%E8%83%8C%E6%99%AF%E4%B8%8A%E4%B8%8B%E6%B5%AE%E5%8A%A8.png);background-repeat:no-repeat;background-size:contain;background-position:100%;width:95vw;height:65vw}.footer-img[data-v-356fd730]{width:100vw;height:9vw;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(http://data.xiyilab.com/web/main/static/%E9%A6%96%E9%A1%B5/%E8%82%B2%E8%A7%81%E6%9C%AA%E6%9D%A5.png);display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-btn-group[data-v-356fd730]{margin-top:2vw;width:30vw;height:1.8vw;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.footer-btn[data-v-356fd730]{width:6vw;font-weight:100;font-size:.8vw;font-family:test;border:1px solid #fff;color:#fff;background:transparent;line-height:1.8vw;text-align:center;cursor:pointer}