.institution-bswiper[data-v-19ddfcd0]{position:relative}.institution-bswiper .institution-banner[data-v-19ddfcd0]{position:relative;width:100%;height:6.12rem;background-size:cover}.institution-bswiper .institution-banner .text[data-v-19ddfcd0]{display:flex;flex-direction:column;justify-content:center;position:absolute;top:50%;left:0;transform:translateY(-50%);width:6.98rem;height:3.28rem;padding-left:1.53rem;padding-right:.4rem;background:#be2621;border-radius:0 .38rem .38rem 0}.institution-bswiper .institution-banner h1[data-v-19ddfcd0]{margin-bottom:.3rem;font-size:.43rem;color:#fff;line-height:.5rem;text-shadow:0 .01rem .03rem rgba(0,0,0,.5)}.institution-bswiper .institution-banner .bs-logo[data-v-19ddfcd0]{width:2rem;margin-bottom:.16rem}.institution-bswiper .institution-banner p[data-v-19ddfcd0]{color:#fff}.institution-bswiper .institution-banner p.is-small-font[data-v-19ddfcd0]{font-size:16px;line-height:28px}.institution-bswiper .institution-banner p.is-big-font[data-v-19ddfcd0]{font-size:28px;line-height:32px}.institution-bswiper .institution-banner p.is-icon[data-v-19ddfcd0]{display:inline-block;width:2.4rem;margin-top:.14rem;font-size:.16rem}.institution-bswiper .institution-banner p.no-icon[data-v-19ddfcd0]{display:inline-block;font-size:.16rem;margin-right:.13rem}.institution-bswiper .institution-banner p .bs-icon[data-v-19ddfcd0]{width:18px;height:18px;margin-right:5px}.institution-bswiper .institution-banner .phone[data-v-19ddfcd0]{display:flex;justify-content:center;align-items:center;width:2.38rem;margin-top:.24rem;height:.42rem;background:#fefefe;border-radius:.06rem;font-size:.17rem;color:#be2621}@media screen and (max-width:1600px){.institution-bswiper .institution-banner p[data-v-19ddfcd0]{color:#fff}.institution-bswiper .institution-banner p.is-small-font[data-v-19ddfcd0]{font-size:12px;line-height:16px}.institution-bswiper .institution-banner p.is-big-font[data-v-19ddfcd0]{font-size:20px}.institution-bswiper .institution-banner p.is-icon[data-v-19ddfcd0],.institution-bswiper .institution-banner p.no-icon[data-v-19ddfcd0]{font-size:12px}}[data-v-19ddfcd0] .swiper-pagination{left:50%;bottom:0;transform:translateX(-50%)}[data-v-19ddfcd0] .swiper-pagination span{width:10px;height:10px;box-shadow:0 0 2px rgba(0,0,0,.6);margin:0 5px 10px;opacity:.4;background-color:grey;cursor:pointer}[data-v-19ddfcd0] .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;background-color:#fff}.institution-title-line[data-v-146f2da8]{width:499px;padding-bottom:16px;border-bottom:1px solid #be2621;text-align:center;font-size:23px;color:#000}.institution-title-line span[data-v-146f2da8]{color:#be2621}.institution-lesson-wrap[data-v-77649012]{width:1064px;padding-top:60px}.institution-lesson-wrap .title[data-v-77649012]{padding-left:20px;font-size:25px;color:#0a0a0a}.institution-lesson-wrap .title span[data-v-77649012]{color:#be2621;padding-right:12px;border-right:1px solid #be2621}.institution-lesson-wrap p[data-v-77649012]{padding-top:30px;padding-bottom:60px;text-indent:30px;font-size:16px;color:#0a0a0a;line-height:24px}.tab-title-line[data-v-4cb1818c]{padding-left:16px;border-left:1px solid #ff3232;margin:0 auto}.tab-title-line h1[data-v-4cb1818c]{font-size:34px;color:#000}.tab-title-line p[data-v-4cb1818c]{padding-top:16px;font-size:23px;color:#a7abb4}.sys-wrap[data-v-2db4461e]{padding-bottom:40px}.sys-wrap .sys-title[data-v-2db4461e]{padding-left:16px;border-left:1px solid #ff3232}.sys-wrap .sys-title h1[data-v-2db4461e]{font-size:34px;color:#000}.sys-wrap .sys-title p[data-v-2db4461e]{padding-top:16px;font-size:23px;color:#a7abb4}.sys-wrap .sys-desc[data-v-2db4461e]{width:1100px;margin:0 auto;padding-left:16px;padding-top:46px;font-size:16px}.sys-wrap .sys-desc>p[data-v-2db4461e]{padding-top:15px;color:#0a0a0a;line-height:26px;text-indent:30px}.sys-wrap .sys-desc .sys-tabs[data-v-2db4461e]{padding-top:75px;text-align:center}.sys-wrap .sys-desc .sys-tabs ul[data-v-2db4461e]{display:flex;justify-content:space-between}.sys-wrap .sys-desc .sys-tabs ul li[data-v-2db4461e]{display:flex;flex-direction:column;align-items:center;font-size:18px;color:#0a0a0a}.sys-wrap .sys-desc .sys-tabs ul li h3[data-v-2db4461e]{padding:12px 0}.sys-wrap .sys-desc .sys-tabs ul li img[data-v-2db4461e]{width:40px}.sys-wrap .sys-desc .sys-tabs ul li p[data-v-2db4461e]{font-size:14px;line-height:24px}.sys-wrap .sys-desc .sys-tabs .sys-banner[data-v-2db4461e]{width:894px;margin-top:62px}.sys-wrap .sys-desc .sys-tabs div[data-v-2db4461e]{display:inline-block;width:918px;padding-top:14px;text-align:right;color:#0a0a0a}.sys-wrap .sys-desc .sys-tabs div span[data-v-2db4461e]:first-child{padding-right:480px}.sys-wrap .sys-desc .sys-tabs div span[data-v-2db4461e]:last-child{padding-right:60px}.sys-wrap .scene-wrap[data-v-2db4461e]{display:flex;flex-direction:column;align-items:center;padding-top:118px}.sys-wrap .scene-wrap .scene-title[data-v-2db4461e]{width:499px;padding-bottom:16px;border-bottom:1px solid #be2621;text-align:center;font-size:23px;color:#000}.sys-wrap .scene-wrap .scene-title span[data-v-2db4461e]{color:#be2621}.sys-wrap .scene-wrap .scene-bg[data-v-2db4461e]{width:1080px;margin-top:120px;margin-bottom:120px;text-align:center;line-height:239px;background:url(https://mysfdev.myznsf.com/mysf_home/img/scene_bgecffcb1f.png);background-size:100% 100%;font-size:34px;color:#000}.sys-wrap .lesson-wrap[data-v-2db4461e]{display:flex;flex-direction:column;align-items:center}.sys-wrap .lesson-wrap ul[data-v-2db4461e]{display:flex;justify-content:space-between;width:1046px;margin-top:60px}.sys-wrap .lesson-wrap ul li[data-v-2db4461e]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:102px;height:102px;text-align:center;font-size:23px;color:#000;background:#fff;box-shadow:0 1px 4px 0 #c4b6ae;border-radius:50%;transition:.5s;cursor:pointer}.sys-wrap .lesson-wrap ul li[data-v-2db4461e]:hover{transform:scale(1.2)}.sys-wrap .lesson-wrap ul li.active[data-v-2db4461e]{color:#fff;background:#be2621}.sys-wrap .lesson-wrap ul li p[data-v-2db4461e]{font-size:23px;line-height:23px}.intro-wrap .zxg[data-v-74f9f4a8]{padding-top:70px;padding-bottom:66px;text-align:center}.intro-wrap .zxg img[data-v-74f9f4a8]{width:608px}.intro-wrap .zxg p[data-v-74f9f4a8]{padding-top:31px}.intro-wrap .lightspot-wrap[data-v-74f9f4a8]{display:flex;justify-content:center;padding-bottom:70px}.intro-wrap .lightspot-wrap .lightspot[data-v-74f9f4a8]{width:496px}.intro-wrap .lightspot-wrap .lightspot h2[data-v-74f9f4a8]{font-size:30px;line-height:40px}.intro-wrap .lightspot-wrap .lightspot h2 span[data-v-74f9f4a8]{color:#d0021b}.intro-wrap .lightspot-wrap .lightspot .desc[data-v-74f9f4a8]{padding:60px 0 10px;font-size:16px;line-height:26px;text-indent:30px}.intro-wrap .lightspot-wrap .lightspot li div[data-v-74f9f4a8]{padding-top:25px;font-size:18px;line-height:26px;color:#be2621;font-weight:700}.intro-wrap .lightspot-wrap .lightspot li p[data-v-74f9f4a8]{padding-top:25px;font-size:16px;line-height:26px;text-indent:30px}.intro-wrap .lightspot-wrap .lightvideo[data-v-74f9f4a8]{padding-top:142px;padding-left:50px}.intro-wrap .lightspot-wrap .lightvideo>div[data-v-74f9f4a8]{position:relative;cursor:pointer}.intro-wrap .lightspot-wrap .lightvideo img.cover[data-v-74f9f4a8]{width:529px;margin-bottom:20px}.intro-wrap .lightspot-wrap .lightvideo img.play[data-v-74f9f4a8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:29px;height:34px}.coop-wrap[data-v-aeb17706]{width:1048px;margin:0 auto}.coop-wrap ul[data-v-aeb17706]{padding-top:67px;padding-bottom:40px}.coop-wrap ul li[data-v-aeb17706]{display:flex;align-items:center;margin-bottom:40px;font-size:28px;font-weight:700}.coop-wrap ul li img[data-v-aeb17706]{width:30px;height:30px;margin-right:24px}.project-wrap .institution-title-line[data-v-83651c60]{margin:0 auto}.project-wrap .market-wrap[data-v-83651c60]{padding-top:80px}.project-wrap .market-wrap ul[data-v-83651c60]{display:flex;justify-content:center;padding-top:61px}.project-wrap .market-wrap ul li[data-v-83651c60]{width:109px;height:360px;padding-top:20px;margin-right:22px;background:#fbfbfb;box-shadow:1px 1px 1px 0 rgba(0,0,0,.09)}.project-wrap .market-wrap ul li div[data-v-83651c60]{width:23px;height:23px;margin:0 auto;background:#be2621;border-radius:12px;text-align:center;line-height:23px;color:#fff}.project-wrap .market-wrap ul li p[data-v-83651c60]{writing-mode:vertical-rl;margin:0 auto;padding:21px 0 25px;font-size:18px;line-height:30px;letter-spacing:5px}.project-wrap .brand-wrap[data-v-83651c60]{padding-top:80px}.project-wrap .brand-wrap ul[data-v-83651c60]{position:relative;width:489px;height:489px;margin:100px auto 0;background:url(https://mysfdev.myznsf.com/mysf_home/img/brandedc76e30.png);background-size:100% 100%}.project-wrap .brand-wrap ul li[data-v-83651c60]{position:absolute}.project-wrap .brand-wrap ul li div[data-v-83651c60]{padding-bottom:20px;font-size:28px;color:#000;font-weight:700}.project-wrap .brand-wrap ul li p[data-v-83651c60]{font-size:20px;color:#000;line-height:32px}.project-wrap .league-wrap[data-v-83651c60]{padding:80px 0 120px}.project-wrap .league-wrap ul[data-v-83651c60]{position:relative;width:504px;height:474px;margin:136px auto 0;background:url(https://mysfdev.myznsf.com/mysf_home/img/league28627220.png);background-size:100% 100%}.project-wrap .league-wrap ul li[data-v-83651c60]{position:absolute}.project-wrap .league-wrap ul li .title[data-v-83651c60]{padding-bottom:16px;font-size:28px;color:#000;font-weight:700;text-align:center}.project-wrap .league-wrap ul li .ps[data-v-83651c60]{width:185px;height:97px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f4f4f4;border-radius:26px}.project-wrap .league-wrap ul li p[data-v-83651c60]{font-size:20px;color:#000}.institution-view{background:#fff}.institution-view .institution-content{width:1200px;margin:0 auto}.institution-view .institution-content>ul{display:flex}.institution-view .institution-content>ul li{width:25%;padding:60px 0;display:flex;justify-content:center;align-items:center;font-size:17px;color:#a7abb4;cursor:pointer}.institution-view .institution-content>ul li.active{color:#da1a00}.institution-view .institution-content>ul li img{width:28px;height:28px;margin-right:6px}.institution-intro .process-wrap{background:#be2621}.institution-intro .process-wrap .title{width:270px;padding-top:40px;line-height:80px;text-align:center;margin:0 auto;font-size:28px;color:#fff;letter-spacing:4px;border-bottom:1px solid #fff}.institution-intro .process-wrap ul{padding:80px 0 83px;display:flex;justify-content:center;align-items:center}.institution-intro .process-wrap ul li.process{position:relative;display:flex;flex-direction:column;align-items:center;width:220px;height:328px;color:#fff}.institution-intro .process-wrap ul li.process:after{position:absolute;top:114px;left:160px;display:block;content:"";width:120px;height:1px;background:#fff}.institution-intro .process-wrap ul li.process:last-child:after{display:none}.institution-intro .process-wrap ul li.process h2{font-size:22px}.institution-intro .process-wrap ul li.process img{width:106px;height:106px;margin:38px 0}.institution-intro .process-wrap ul li.process p{font-size:14px;line-height:22px}.institution-intro .project-wrap{padding-top:100px;text-align:center}.institution-intro .project-wrap h1{font-size:50px;color:#000}.institution-intro .project-wrap div{padding:50px 0;font-size:40px;color:#be2621}.institution-intro .project-wrap img{width:823px}.institution-intro .wish-wrap{padding-top:154px;padding-bottom:181px;color:#fff;background:#be2621}.institution-intro .wish-wrap div{width:955px;margin:0 auto;font-size:40px}.institution-intro .wish-wrap h1{width:955px;padding-top:30px;margin:0 auto;font-size:50px}.institution-intro .example-wrap{text-align:center;padding:120px 0}.institution-intro .example-wrap img{width:1144px}.institution-coop{background:#be2621;color:#fff}.institution-coop>div{display:flex;justify-content:space-between;align-items:flex-end;width:1140px;padding:90px 0;margin:0 auto}.institution-coop .phone-wrap img{width:330px}.institution-coop .phone-wrap div{font-size:36px;margin:63px 0 32px}.institution-coop .phone-wrap h1{font-size:46px}.institution-coop .qrcode-wrap{text-align:center}.institution-coop .qrcode-wrap div{font-size:30px}.institution-coop .qrcode-wrap img{width:200px;margin-top:25px}