.cont[data-v-0eafcd24]{width:100%}.cont .banner[data-v-0eafcd24]{background:url(./banner.CxaI-CIl.jpg) top/cover no-repeat;width:100%;min-height:calc(90vh - 90px);position:relative}.cont .banner .banner_cont[data-v-0eafcd24]{z-index:9;color:#fff;text-align:center;width:100%;max-width:1440px;padding:1vw;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.cont .banner .banner_cont>h2[data-v-0eafcd24]{letter-spacing:3px;margin:0 0 60px;font-size:52px;font-weight:400}.cont .banner .banner_cont>h3[data-v-0eafcd24]{margin-bottom:20px;font-size:30px;font-weight:400;line-height:40px;opacity:.7!important}.cont .problem[data-v-0eafcd24]{background:linear-gradient(#f5f5fb,#bdd9f4);width:100%;padding:5vw 0;position:relative}.cont .problem .problem_cont[data-v-0eafcd24]{width:100%;max-width:1440px;margin:auto;padding:1.5vw}.cont .problem .problem_cont .problem_title[data-v-0eafcd24]{text-align:center;font-size:36px}.cont .problem .problem_cont .problem_subtitle[data-v-0eafcd24]{cursor:pointer;width:350px;margin-top:15px;position:absolute;left:calc(50% - 175px)}.cont .problem .problem_cont .problem_subtitle img[data-v-0eafcd24]{width:100%}.cont .problem .problem_cont .problem_main[data-v-0eafcd24]{text-align:center;width:840px;height:500px;margin:100px auto 7vw;position:relative}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]{width:120px;height:120px;animation:linear infinite translate-3D-0eafcd24;animation-duration:var(--time-bubble);position:absolute}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:first-of-type{--t-y:-20;--degrees:302;--time-bubble:10s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-of-type(2){--t-y:25;--degrees:106;--time-bubble:6s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-of-type(3){--t-y:11;--degrees:192;--time-bubble:8s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-of-type(4){--t-y:26;--degrees:97;--time-bubble:10s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-of-type(5){--t-y:15;--degrees:56;--time-bubble:8s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-of-type(6){--t-y:14;--degrees:357;--time-bubble:7s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-of-type(7){--t-y:20;--degrees:150;--time-bubble:7s}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:first-child{width:120px;height:120px;top:50px;left:10%}.cont .problem .problem_cont .problem_main .problem_item:first-child .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:-20;--degrees:302;--time-bubble:10s;animation-name:radius-1-0eafcd24,scale-1-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(2){top:30px;left:40%}.cont .problem .problem_cont .problem_main .problem_item:nth-child(2) .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:25;--degrees:106;--time-bubble:6s;animation-name:radius-2-0eafcd24,scale-2-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(3){width:100px;height:100px;top:20px;left:75%}.cont .problem .problem_cont .problem_main .problem_item:nth-child(3) .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:11;--degrees:192;--time-bubble:8s;animation-name:radius-3-0eafcd24,scale-3-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(4){width:150px;height:150px;top:220px;left:32%}.cont .problem .problem_cont .problem_main .problem_item:nth-child(4) .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:26;--degrees:97;--time-bubble:10s;animation-name:radius-4-0eafcd24,scale-4-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(5){top:150px;left:52%}.cont .problem .problem_cont .problem_main .problem_item:nth-child(5) .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:15;--degrees:56;--time-bubble:8s;animation-name:radius-5-0eafcd24,scale-5-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(6){top:340px;left:15%}.cont .problem .problem_cont .problem_main .problem_item:nth-child(6) .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:14;--degrees:357;--time-bubble:7s;animation-name:radius-6-0eafcd24,scale-6-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(7){top:300px;left:66%}.cont .problem .problem_cont .problem_main .problem_item:nth-child(7) .problem_item_cont[data-v-0eafcd24]:nth-of-type(2){--t-y:20;--degrees:150;--time-bubble:7s;animation-name:radius-2-0eafcd24,scale-2-0eafcd24}.cont .problem .problem_cont .problem_main .problem_item .txt[data-v-0eafcd24]{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.cont .problem .problem_cont .problem_main .problem_item .txt .item_title[data-v-0eafcd24],.cont .problem .problem_cont .problem_main .problem_item .txt .item_i[data-v-0eafcd24]{z-index:2;font-size:18px;position:relative}.cont .problem .problem_cont .problem_main .problem_item .problem_item_cont[data-v-0eafcd24]{width:100%;height:100%;animation:var(--time-sort) ease-in-out forwards 1s;--time-sort:10s;animation-iteration-count:infinite;position:absolute}.cont .problem .problem_cont .problem_main .problem_item .problem_item_cont .bubble[data-v-0eafcd24]{border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.cont .problem .problem_cont .problem_main .problem_item .problem_item_cont .bubble[data-v-0eafcd24]:before,.cont .problem .problem_cont .problem_main .problem_item .problem_item_cont .bubble[data-v-0eafcd24]:after{content:"";width:100%;height:100%;animation-duration:var(--time-bubble);border-radius:50%;display:block;position:absolute;top:0;left:0}.cont .problem .problem_cont .problem_main .problem_item .problem_item_cont .bubble[data-v-0eafcd24]:before{background:linear-gradient(180deg, #e4eefca1, #adcbeead), linear-gradient(calc(var(--degrees) * 1deg), #61bdf6, #61bdf600 75%), linear-gradient(calc((var(--degrees) + 120 - 360) * 1deg), #343b9956, #343b9900 75%), linear-gradient(calc((var(--degrees) + 240 - 360) * -1deg), #1c0c2a07, #1c0c2a00 75%);animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite;box-shadow:inset 0 0 2vw #ffffff40,0 0 1vw #0000000d}.cont .problem .test_box[data-v-0eafcd24]{background:#fff;border-radius:30px;width:100%;max-width:1080px;padding:3vw 2vw;position:absolute;bottom:-150px;left:calc(50% - 540px);box-shadow:0 5px 10px #1360882e}.cont .problem .test_box .title[data-v-0eafcd24]{text-align:center;font-size:34px}.cont .problem .test_box .content[data-v-0eafcd24]{justify-content:space-around;margin-top:80px;display:flex}.cont .problem .test_box .content .content_i[data-v-0eafcd24]{border-right:1px solid #d1ebf1;padding-right:80px}.cont .problem .test_box .content .content_i .step[data-v-0eafcd24]{color:#00a5cf;margin-bottom:15px;font-size:24px}.cont .problem .test_box .content .content_i .ititle[data-v-0eafcd24]{font-size:24px}.cont .problem .test_box .content .content_i .txt[data-v-0eafcd24]{color:#4e4e4e}.cont .problem .test_box .content .content_i[data-v-0eafcd24]:last-child{border:none;padding:0}.cont .img_box[data-v-0eafcd24]{justify-content:space-around;align-items:center;width:100%;max-width:1440px;margin:auto;padding:15vw 0 5vw;display:flex}.cont .img_box img[data-v-0eafcd24],.cont .img_box .box_txt[data-v-0eafcd24]{width:30vw}.cont .img_box .box_txt>h3[data-v-0eafcd24]{margin-bottom:40px;font-size:42px;font-weight:400}.cont .img_box .box_txt>p[data-v-0eafcd24]{color:#053742;letter-spacing:3px;padding-right:5vw;font-size:24px;line-height:40px}.cont .code_box[data-v-0eafcd24]{text-align:center;background:linear-gradient(#ebeaf7,#eaf4fe);padding:100px 0 60px}.cont .code_box .title[data-v-0eafcd24]{margin-bottom:50px;font-size:34px}.cont .code_box p[data-v-0eafcd24]{font-size:20px;line-height:40px}.cont .code_box .code[data-v-0eafcd24]{width:150px;margin:50px auto 0}.cont .code_box .code img[data-v-0eafcd24]{width:100%}.cont .code_box .code>div[data-v-0eafcd24]{margin-top:20px}@media screen and (width<=1024px){.cont .banner[data-v-0eafcd24]{background:url(./banner_s._cDlD8U8.jpg) top/cover no-repeat;min-height:calc(80vh - 90px)}.cont .banner .banner_cont>h2[data-v-0eafcd24]{letter-spacing:0;font-size:30px;font-weight:400}.cont .banner .banner_cont>h3[data-v-0eafcd24]{margin-bottom:10px;font-size:15px;font-weight:400;line-height:20px;opacity:.7!important}.cont .problem .problem_cont .problem_title[data-v-0eafcd24]{margin-top:20px;font-size:26px}.cont .problem .problem_cont .problem_subtitle[data-v-0eafcd24]{width:320px;left:calc(50% - 160px)}.cont .problem .problem_cont .problem_main[data-v-0eafcd24]{width:100%;margin-top:12vw}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]{width:100px;height:100px}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:first-child{width:120px;height:120px;top:50px;left:5%}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(3){width:120px;height:120px;top:50px;left:65%}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(4){width:160px;height:160px;top:150px;left:20%}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(5){top:160px;left:50%}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(6){top:230px;left:8%}.cont .problem .problem_cont .problem_main .problem_item[data-v-0eafcd24]:nth-child(7){top:250px;left:70%}.cont .problem .test_box[data-v-0eafcd24]{width:90%;max-width:none;padding:5vw;bottom:-200px;left:5%}.cont .problem .test_box .title[data-v-0eafcd24]{white-space:nowrap;font-size:32px}.cont .problem .test_box .content[data-v-0eafcd24]{margin-top:30px;display:block}.cont .problem .test_box .content .content_i[data-v-0eafcd24]{text-align:center;border-right:none;padding:0 0 10px}.cont .problem .test_box .content .content_i>div[data-v-0eafcd24]{justify-content:center;align-items:center;display:flex}.cont .problem .test_box .content .content_i>div .ititle[data-v-0eafcd24],.cont .problem .test_box .content .content_i>div .txt[data-v-0eafcd24]{margin:0 1vw;font-family:HYWenHei-75W;font-size:16px}.cont .problem .test_box .content .content_i .step[data-v-0eafcd24]{white-space:nowrap;font-size:20px}.cont .problem .test_box .content .content_i .step[data-v-0eafcd24]:after,.cont .problem .test_box .content .content_i .step[data-v-0eafcd24]:before{content:"";background:#00a5cf;width:30%;height:1px;margin:0 20px;display:block}.cont .img_box[data-v-0eafcd24]{text-align:center;padding:250px 6vw 5vw;display:block}.cont .img_box .box_txt[data-v-0eafcd24]{width:100%}.cont .img_box .box_txt>h3[data-v-0eafcd24]{margin-bottom:20px;font-size:30px}.cont .img_box .box_txt>p[data-v-0eafcd24]{letter-spacing:0;padding:0;font-size:15px;line-height:26px}.cont .img_box img[data-v-0eafcd24]{width:100%;margin-top:20px}.cont .code_box .title[data-v-0eafcd24]{margin-bottom:20px}.cont .code_box div>p[data-v-0eafcd24]{font-size:15px;line-height:26px}}@keyframes radius-1-0eafcd24{20%{border-radius:50% 40% 50% 50%}40%{border-radius:50% 50% 50% 40%}60%{border-radius:50% 50% 40%}80%{border-radius:40% 50% 50%}}@keyframes scale-1-0eafcd24{20%{transform:scaleX(.91)}40%{transform:scaleY(.922)}60%{transform:scaleX(.88)}80%{transform:scaleY(.924)}}@keyframes radius-2-0eafcd24{20%{border-radius:50% 40% 50% 50%}40%{border-radius:50% 50% 50% 40%}60%{border-radius:50% 50% 40%}80%{border-radius:40% 50% 50%}}@keyframes scale-2-0eafcd24{20%{transform:scaleX(.882)}40%{transform:scaleY(.87)}60%{transform:scaleX(.916)}80%{transform:scaleY(.898)}}@keyframes radius-3-0eafcd24{20%{border-radius:40% 50% 50%}40%{border-radius:50% 40% 50% 50%}60%{border-radius:50% 50% 40%}80%{border-radius:50% 50% 50% 40%}}@keyframes scale-3-0eafcd24{20%{transform:scaleY(.862)}40%{transform:scaleX(.921)}60%{transform:scaleY(.94)}80%{transform:scaleX(.95)}}@keyframes radius-4-0eafcd24{20%{border-radius:50% 40% 50% 50%}40%{border-radius:50% 50% 40%}60%{border-radius:40% 50% 50%}80%{border-radius:50% 50% 50% 40%}}@keyframes scale-4-0eafcd24{20%{transform:scaleX(.905)}40%{transform:scaleY(.878)}60%{transform:scaleX(.935)}80%{transform:scaleY(.882)}}@keyframes radius-5-0eafcd24{20%{border-radius:50% 50% 50% 40%}40%{border-radius:40% 50% 50%}60%{border-radius:50% 50% 40%}80%{border-radius:50% 40% 50% 50%}}@keyframes scale-5-0eafcd24{20%{transform:scaleX(.862)}40%{transform:scaleY(.889)}60%{transform:scaleX(.871)}80%{transform:scaleY(.885)}}@keyframes radius-6-0eafcd24{20%{border-radius:50% 40% 50% 50%}40%{border-radius:50% 50% 50% 40%}60%{border-radius:50% 50% 40%}80%{border-radius:40% 50% 50%}}@keyframes scale-6-0eafcd24{20%{transform:scaleX(.874)}40%{transform:scaleY(.86)}60%{transform:scaleX(.854)}80%{transform:scaleY(.895)}}@keyframes translate-3D-0eafcd24{25%{transform:translate3d(0, calc(var(--t-y) * 0.5%), 0)}75%{transform:translate3d(0, calc(var(--t-y) * -0.5%), 0)}}