@keyframes rowup-30fb3f68{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.banner[data-v-30fb3f68]{background-image:none!important;background-repeat:repeat-x;background-size:auto 100%;background:linear-gradient(#f4f3f7,#fff)!important;padding:83px 0 290px;transition:all .3s ease-in-out}.banner .banner-container[data-v-30fb3f68]{margin:0 auto;max-width:880px;transition:all .3s ease-in-out;width:60%}.banner .banner-container .banner-img[data-v-30fb3f68]{background-repeat:no-repeat;background-size:contain;padding-bottom:70.22%;width:100%}main[data-v-30fb3f68]{margin-top:-180px;transition:all .3s ease-in-out}main .content[data-v-30fb3f68]{position:relative}main .content .content-container[data-v-30fb3f68]{margin:0 auto;max-width:1300px;position:relative;transition:all .3s ease-in-out;z-index:2}main .content .content-container .type[data-v-30fb3f68]{color:#03081a;font-family:HelveticaNeueCE-Roman;font-size:14px;left:-114px;letter-spacing:5px;position:absolute;transform:rotate(-90deg)}main .content header span[data-v-30fb3f68]{color:#03081a;display:inline-block;font-family:HelveticaNeueCE-Bold;font-size:28px;letter-spacing:2.33px;line-height:1;transition:all .3s ease-in-out}main .content header .title[data-v-30fb3f68]{align-items:center;display:flex;margin-top:10px}main .content header .title h4[data-v-30fb3f68]{color:#03081a;display:inline-block;flex:none;font-family:PingFang-SC-Bold;font-size:48px;letter-spacing:14px;line-height:67px;padding-right:50px;transition:all .3s ease-in-out}main .content header .title .border[data-v-30fb3f68]{background:#000;flex:1;height:1px}main .content header p[data-v-30fb3f68]{color:#000;font-family:PingFangSC-Regular;font-size:20px;letter-spacing:5px;line-height:30px;margin-top:5px;transition:all .3s ease-in-out}main .how header p[data-v-30fb3f68]{width:695px}main .how ul[data-v-30fb3f68]{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:-40px;margin-top:100px}main .how ul li[data-v-30fb3f68]{flex:none;margin-bottom:40px;width:32.3333%}main .how ul li .item[data-v-30fb3f68]{box-sizing:border-box;display:flex;flex:1;flex-direction:column;height:100%;padding:40px 20px 50px;transition:all .3s ease-in-out}main .how ul li .item .item-content[data-v-30fb3f68]{flex:1}main .how ul li .item .item-content .title[data-v-30fb3f68]{align-items:center;display:flex;flex-direction:column;height:144px;justify-content:center;position:relative}main .how ul li .item .item-content .title span[data-v-30fb3f68]{background-position:50%;background-repeat:no-repeat;background-size:contain;height:131px;left:0;position:absolute;top:0;width:126px}main .how ul li .item .item-content .title h5[data-v-30fb3f68]{color:#000;font-family:PingFang-SC-Bold;font-size:30px;position:relative}main .how ul li .item .item-content .title p[data-v-30fb3f68]{color:#000;font-family:PingFangSC-Regular;font-size:18px;letter-spacing:4.5px;line-height:24px;margin-top:5px;position:relative;text-align:center;transition:all .2s ease-in-out;word-break:break-word}main .how ul li .item .item-content .text p[data-v-30fb3f68]{color:#000;font-family:PingFangSC-Regular;font-size:16px;letter-spacing:1.1px;line-height:24px;opacity:.8;text-align:justify}main .how ul li .item .item-content .text p+p[data-v-30fb3f68]{margin-top:25px}main .how ul li .item .apply[data-v-30fb3f68]{align-items:flex-end;display:flex;flex:none;height:52px;justify-content:center;margin-top:18px;text-align:center}main .how ul li .item .apply button[data-v-30fb3f68]{background:rgba(0,0,0,.35);color:#eee;cursor:default;flex:none;font-family:PingFang-SC-Bold;font-size:16px;height:40px;line-height:40px;transition:all .3s ease-in-out;width:114px}main .how ul li .item .apply button.btn[data-v-30fb3f68]{background:#000;color:#fff}main .how ul li .item .apply button.hover[data-v-30fb3f68]{cursor:pointer}main .how .type[data-v-30fb3f68]{bottom:61px}main .why[data-v-30fb3f68]{background:linear-gradient(#fff 0 67%,#f9f9f9 67% 100%);padding-top:110px}main .why header p[data-v-30fb3f68]{width:776px}main .why .why-content[data-v-30fb3f68]{align-items:flex-end;display:flex;height:403px;margin-top:70px;overflow:hidden;transition:all .3s ease-in-out}main .why .why-content .why-swiper[data-v-30fb3f68]{background-image:linear-gradient(-180deg,#fff,#fff);box-shadow:0 2px 20px 0 rgba(0,0,0,.06);box-sizing:border-box;height:349px;overflow:initial;position:relative;transition:all .3s ease-in-out;width:100%}main .why .why-content .why-swiper .page-number[data-v-30fb3f68]{display:none}main .why .why-content .why-swiper .next-page[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page[data-v-30fb3f68]{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;outline:none;position:absolute;top:0;width:122px;z-index:9}main .why .why-content .why-swiper .next-page span[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page span[data-v-30fb3f68]{font-size:40px}main .why .why-content .why-swiper .next-page.previous-page[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page.previous-page[data-v-30fb3f68]{left:0}main .why .why-content .why-swiper .next-page.next-page[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page.next-page[data-v-30fb3f68]{right:0}main .why .why-content .why-swiper .swiper-wrapper[data-v-30fb3f68]{position:relative}main .why .why-content .why-swiper .swiper-wrapper .swiper-slide[data-v-30fb3f68]{display:flex}main .why .why-content .why-swiper .swiper-wrapper .slide-container[data-v-30fb3f68]{align-items:flex-end;display:flex;padding:24px 122px 54px;transition:all .3s ease-in-out}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img[data-v-30fb3f68]{align-items:flex-end;display:flex;flex:none;height:241px;position:relative;transition:all .3s ease-in-out;width:349px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img span[data-v-30fb3f68]{background-size:cover;bottom:0;display:block;left:0;padding-bottom:100%;position:absolute;width:100%;z-index:1}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img span.img-0[data-v-30fb3f68]{background-image:url(https://ycg-1251509803.file.myqcloud.com/realize/index/p1.jpg)!important}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img span.img-1[data-v-30fb3f68]{background-image:url(https://ycg-1251509803.file.myqcloud.com/realize/index/p2.jpg)!important}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img span.img-2[data-v-30fb3f68]{background-image:url(https://ycg-1251509803.file.myqcloud.com/realize/index/p3.jpg)!important}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info[data-v-30fb3f68]{padding-left:107px;position:relative;transition:all .3s ease-in-out}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info .time[data-v-30fb3f68]{border-top:2px solid #000;color:#03081a;flex:none;font-family:HelveticaNeueCE-Bold;font-size:18px;left:-30px;letter-spacing:1.5px;padding-top:7px;position:absolute;text-align:right;top:10px;width:108px;z-index:2}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4[data-v-30fb3f68]{color:#03081a;font-family:PingFangSC-Semibold;font-size:30px;letter-spacing:4px;line-height:40px;transition:all .3s ease-in-out}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4 span[data-v-30fb3f68]{display:block}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info p[data-v-30fb3f68]{color:#000;font-family:PingFangSC-Regular;font-size:16px;letter-spacing:1px;line-height:24px;margin-top:14px;max-width:564px;opacity:.8;text-align:justify;transition:all .3s ease-in-out}main .why .type[data-v-30fb3f68]{bottom:19px}main .story[data-v-30fb3f68]{background:#f9f9f9;padding-bottom:138px;padding-top:160px}main .story header p[data-v-30fb3f68]{width:976px}main .story ul[data-v-30fb3f68]{display:flex;justify-content:space-between;margin-top:65px}main .story ul li[data-v-30fb3f68]{flex:none;transition:all .3s ease-in-out;width:23.1%}main .story ul li .item[data-v-30fb3f68]{background-image:linear-gradient(-180deg,hsla(0,0%,93%,.8),#fff 45%)}main .story ul li .item .avatar span[data-v-30fb3f68]{background-size:cover;display:block;width:100%}main .story ul li .item .info[data-v-30fb3f68]{padding:13px 27px 31px 36px;position:relative;transition:all .3s ease-in-out}main .story ul li .item .info[data-v-30fb3f68]:before{background:#000;content:"";height:69px;left:20px;position:absolute;top:-23px;width:2px}main .story ul li .item .info h5[data-v-30fb3f68]{color:#03081a;font-family:PingFangSC-Semibold;font-size:30px;letter-spacing:0;line-height:42px;transition:all .3s ease-in-out}main .story ul li .item .info p[data-v-30fb3f68]{color:#000;font-family:PingFangSC-Regular;font-size:16px;letter-spacing:.8px;line-height:22px;margin-top:13px;opacity:.5;transition:all .3s ease-in-out}main .story .type[data-v-30fb3f68]{bottom:146px}main .split[data-v-30fb3f68]{background:#f9f9f9;position:relative}main .split[data-v-30fb3f68]:after,main .split[data-v-30fb3f68]:before{background:linear-gradient(90deg,#fff,#d3d3d3 50%,#fff);content:"";display:block;height:1px;margin:0 auto;max-width:1650px;width:100%}main .split .split-content[data-v-30fb3f68]{align-items:center;display:flex;height:80px;margin:89px 0;overflow:hidden;position:relative}main .split .split-content .box[data-v-30fb3f68]{animation-duration:30s;animation-iteration-count:infinite;animation-name:rowup-30fb3f68;animation-timing-function:linear;display:flex;position:relative}main .split .split-content .box h3[data-v-30fb3f68]{color:#000;flex:none;font-family:PingFangSC-Semibold;font-size:80px;letter-spacing:20px;line-height:1;white-space:nowrap}@media screen and (max-width:1360px){main .content .content-container[data-v-30fb3f68]{margin:0 30px}main .content header span[data-v-30fb3f68]{font-size:24px}main .content header .title h4[data-v-30fb3f68]{font-size:42px;letter-spacing:6px;line-height:60px;padding-right:20px}main .content header p[data-v-30fb3f68]{font-size:18px;letter-spacing:3px;line-height:28px;width:634px}main .how header p[data-v-30fb3f68]{width:580px}main .how ul li .item[data-v-30fb3f68]{padding:35px 30px 40px}main .why .why-content .why-swiper .next-page[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page[data-v-30fb3f68]{width:100px}main .why .why-content .why-swiper .swiper-wrapper .slide-container[data-v-30fb3f68]{padding:24px 100px 44px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info p[data-v-30fb3f68]{letter-spacing:0;max-width:100%}}@media screen and (max-width:1020px){main .content .content-container[data-v-30fb3f68]{margin:0 20px}main .content header span[data-v-30fb3f68]{font-size:22px}main .content header .title[data-v-30fb3f68]{display:block}main .content header .title h4[data-v-30fb3f68]{display:block;font-size:38px;letter-spacing:2px;line-height:48px;padding-right:0}main .content header .title .border[data-v-30fb3f68]{display:none}main .content header p[data-v-30fb3f68]{letter-spacing:0;width:100%!important}main .how ul li .item[data-v-30fb3f68]{padding:20px 10px 30px}main .how ul li .item .item-content .text p[data-v-30fb3f68]{font-size:14px;letter-spacing:0}main .how ul li .item .item-content .text p+p[data-v-30fb3f68]{margin-top:15px}main .why[data-v-30fb3f68]{background:linear-gradient(#fff 0 80%,#f9f9f9 80% 100%);padding-top:90px}main .why .why-content[data-v-30fb3f68]{height:300px;margin-top:50px}main .why .why-content .why-swiper[data-v-30fb3f68]{height:300px}main .why .why-content .why-swiper .next-page[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page[data-v-30fb3f68]{width:80px}main .why .why-content .why-swiper .next-page span[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page span[data-v-30fb3f68]{font-size:30px}main .why .why-content .why-swiper .swiper-wrapper .slide-container[data-v-30fb3f68]{padding:40px 80px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img[data-v-30fb3f68]{height:220px;width:220px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info[data-v-30fb3f68]{padding-left:30px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info .time[data-v-30fb3f68]{font-size:14px;left:-48px;letter-spacing:0;padding-top:2px;position:relative;top:0;width:90px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4[data-v-30fb3f68]{font-size:24px;letter-spacing:2px;margin-top:5px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4 span[data-v-30fb3f68]{display:inline}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info p[data-v-30fb3f68]{font-size:14px;letter-spacing:0;line-height:20px;margin-top:10px;max-width:100%}main .story[data-v-30fb3f68]{padding-bottom:100px;padding-top:120px}main .story ul li[data-v-30fb3f68]{width:24%}main .story ul li .item .info[data-v-30fb3f68]{padding:13px 18px 26px 26px}main .story ul li .item .info[data-v-30fb3f68]:before{left:15px;top:-23px}main .story ul li .item .info h5[data-v-30fb3f68]{font-size:28px;line-height:40px}main .split .split-content[data-v-30fb3f68]{height:56px;margin:60px 0}main .split .split-content .box h3[data-v-30fb3f68]{font-size:56px;letter-spacing:16px}}@media screen and (min-width:781px){main .how ul li:hover .item[data-v-30fb3f68]{background-image:linear-gradient(-180deg,#fff,hsla(0,0%,100%,.5) 42%,#fff 87%);box-shadow:0 -1px 50px 0 #eaeaea,inset 0 3px 31px 0 hsla(0,0%,100%,.32);transform:translateY(-35px);transition-delay:0s!important}main .how ul li:hover .item .item-content .text p[data-v-30fb3f68]{text-shadow:1px 1px 0 rgba(0,0,0,.1)}main .how ul li:hover .item .apply button.btn.hover[data-v-30fb3f68]{background:#d0b469;height:52px;line-height:52px;width:148px}}@media screen and (max-width:780px){.banner[data-v-30fb3f68]{padding:50px 0 190px}.banner .banner-container[data-v-30fb3f68]{width:80%}main[data-v-30fb3f68]{margin-top:-100px}main .content header span[data-v-30fb3f68]{font-size:20px}main .content header .title h4[data-v-30fb3f68]{font-size:34px;letter-spacing:0;line-height:44px}main .content header p[data-v-30fb3f68]{font-size:16px;letter-spacing:0;line-height:26px}main .how ul[data-v-30fb3f68]{display:block;margin-top:50px}main .how ul li[data-v-30fb3f68]{width:100%}main .how ul li .item[data-v-30fb3f68]{padding:0}main .how ul li .item .item-content .title .icon[data-v-30fb3f68]{left:50%;right:50%;transform:translate(-50%)}main .how ul li+li[data-v-30fb3f68]{margin-top:50px}main .why[data-v-30fb3f68]{background:linear-gradient(#fff 0 80%,#f9f9f9 80% 100%);padding-top:80px}main .why .why-content[data-v-30fb3f68]{height:auto;margin-top:20px}main .why .why-content .why-swiper[data-v-30fb3f68]{height:auto}main .why .why-content .why-swiper .swiper-wrapper .slide-container[data-v-30fb3f68]{display:block;padding:30px 80px 40px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img[data-v-30fb3f68]{height:auto;margin:0 auto;max-width:200px;width:100%}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img span[data-v-30fb3f68]{display:block;position:relative}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info[data-v-30fb3f68]{padding-left:0}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info .time[data-v-30fb3f68]{display:none}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4[data-v-30fb3f68]{margin-top:15px;text-align:center}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info p[data-v-30fb3f68]{font-size:16px;line-height:24px}main .story[data-v-30fb3f68]{padding-bottom:60px;padding-top:80px}main .story ul[data-v-30fb3f68]{flex-wrap:wrap;margin-top:50px}main .story ul li[data-v-30fb3f68]{margin-bottom:20px;width:48%}main .story ul li .item .info[data-v-30fb3f68]{padding:13px 18px 26px 26px}main .story ul li .item .info[data-v-30fb3f68]:before{left:15px;top:-23px}main .story ul li .item .info h5[data-v-30fb3f68]{font-size:28px;line-height:40px}main .story ul li[data-v-30fb3f68]:first-child{order:1}main .story ul li[data-v-30fb3f68]:nth-child(2){order:3}main .story ul li[data-v-30fb3f68]:nth-child(3){order:2}main .story ul li[data-v-30fb3f68]:nth-child(4){order:4}main .split .split-content[data-v-30fb3f68]{height:48px}main .split .split-content .box h3[data-v-30fb3f68]{font-size:48px;letter-spacing:12px}}@media screen and (max-width:480px){main[data-v-30fb3f68]{margin-top:-120px}main .content header span[data-v-30fb3f68]{font-size:20px}main .content header .title h4[data-v-30fb3f68]{font-size:30px;line-height:40px}main .content header p[data-v-30fb3f68]{font-size:14px;line-height:24px}main .how ul[data-v-30fb3f68]{margin-top:40px}main .how ul li[data-v-30fb3f68]{width:100%}main .how ul li .item[data-v-30fb3f68]{padding:0}main .how ul li .item .item-content .title h5[data-v-30fb3f68]{font-size:28px}main .how ul li .item .item-content .title p[data-v-30fb3f68]{font-size:16px;letter-spacing:2px}main .how ul li+li[data-v-30fb3f68]{margin-top:40px}main .why[data-v-30fb3f68]{padding-top:40px}main .why .content-container[data-v-30fb3f68]{margin:0!important}main .why header[data-v-30fb3f68]{margin:0 20px}main .why .why-content .why-swiper .next-page[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page[data-v-30fb3f68]{width:60px}main .why .why-content .why-swiper .next-page span[data-v-30fb3f68],main .why .why-content .why-swiper .previous-page span[data-v-30fb3f68]{font-size:24px}main .why .why-content .why-swiper .swiper-wrapper .slide-container[data-v-30fb3f68]{display:block;padding:10px 60px 30px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img[data-v-30fb3f68]{height:auto;margin:0 auto;max-width:200px;width:100%}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img span[data-v-30fb3f68]{display:block;position:relative}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info[data-v-30fb3f68]{padding-left:0}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info .time[data-v-30fb3f68]{display:none}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4[data-v-30fb3f68]{margin-top:15px;text-align:center}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4 span[data-v-30fb3f68]{display:block}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info p[data-v-30fb3f68]{font-size:16px;line-height:24px}main .story[data-v-30fb3f68]{padding-bottom:40px;padding-top:60px}main .story ul[data-v-30fb3f68]{margin-top:40px}main .story ul li[data-v-30fb3f68]{width:100%}main .split .split-content[data-v-30fb3f68]{height:36px;margin:36px 0}main .split .split-content .box h3[data-v-30fb3f68]{font-size:36px;letter-spacing:2px}}@media screen and (max-width:375px){main .content .content-container[data-v-30fb3f68]{margin:0 15px}main .content header span[data-v-30fb3f68]{font-size:16px}main .content header .title[data-v-30fb3f68]{margin-top:5px}main .content header .title h4[data-v-30fb3f68]{font-size:24px;line-height:34px}main .content header p[data-v-30fb3f68]{font-size:13px;line-height:20px;margin:0}main .why[data-v-30fb3f68]{padding-top:50px}main .why header[data-v-30fb3f68]{margin:0 15px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .img[data-v-30fb3f68]{max-width:180px}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info h4 span[data-v-30fb3f68]{display:block}main .why .why-content .why-swiper .swiper-wrapper .slide-container .info p[data-v-30fb3f68]{font-size:14px;line-height:22px}main .story[data-v-30fb3f68]{padding-bottom:30px;padding-top:50px}main .split .split-content[data-v-30fb3f68]{height:30px;margin:30px 0}main .split .split-content .box h3[data-v-30fb3f68]{font-size:30px}}