*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#e71419;--secondary:#000;--title:#232323;--text:#4d4e4f;--text_op:rgba(77,78,79,0.85);--text_w:rgba(255,255,255,0.85);--bg:#f8f8f9}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:144rem;margin:0px auto;position:relative}li{list-style:none}li.swiper-slide{height:auto}.wrap{flex-wrap:wrap}body{font-size:1.6rem;color:var(--title)}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.img.img_ab{position:relative}.img.img_ab img{position:absolute;left:0px;top:0px}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.head.white{color:rgb(255,255,255)}.head.white p,.head.white .desc{color:var(--text_w);font-weight:300;letter-spacing:0.015rem}.head.bn2 p,.head.bn2 .desc{font-size:2rem;line-height:3rem}.head.bn2.white p,.head.bn2.white .desc{letter-spacing:0.028rem}.head p,.head .desc{font-size:1.8rem;line-height:3.2rem;color:var(--text_op)}div.swiper-pagination.swiper-pagination-bullets{display:flex;gap:0.7rem;justify-content:center}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{position:relative;flex:1 1 0%;max-width:4.3rem;height:3px;background:rgb(217,217,217);opacity:1;margin:0px;border-radius:10px;transition:0.3s}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet::after{position:absolute;width:0px;height:100%;left:0px;top:0px;content:"";border-radius:10px;background-color:var(--title)}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{max-width:7.2rem}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active::after{width:100%;transition:width 3s linear}div.swiper-pagination.swiper-pagination-bullets.white .swiper-pagination-bullet{background:rgba(255,255,255,0.37)}div.swiper-pagination.swiper-pagination-bullets.white .swiper-pagination-bullet::after{background-color:rgb(255,255,255)}.software_overview{max-width:256rem;margin:0px auto;position:relative;background-color:rgb(0,0,0);overflow:hidden}.software_overview .software_overview_swiper .swiper-slide{position:relative}.software_overview .software_overview_swiper .swiper-slide .head .title,.software_overview .software_overview_swiper .swiper-slide .head .desc{transform:translateX(100px);opacity:0;transition:0.5s 0.5s}.software_overview .software_overview_swiper .swiper-slide .head .desc{transition:0.5s 0.6s}.software_overview .software_overview_swiper .swiper-slide-active .head .title,.software_overview .software_overview_swiper .swiper-slide-active .head .desc{transform:translateX(0px);opacity:1;transition:0.8s 0.7s}.software_overview .software_overview_swiper .swiper-slide-active .head .desc{transition:0.8s 0.8s}.software_overview .software_overview_swiper .img{padding-bottom:41.3542%}.software_overview .software_overview_swiper .img::after{position:absolute;width:87.5%;height:100%;left:0px;top:0px;content:"";background-image:linear-gradient(to right,rgb(0,0,0) -2.44%,transparent);pointer-events:none}.software_overview .software_overview_swiper .wrap{position:absolute;inset:0px;z-index:2;padding:6rem 0px}.software_overview .software_overview_swiper .wrap .content{display:flex;align-items:center;height:100%}.software_overview .head{width:50%;padding-top:2px}.software_overview .head .title{font-size:5.2rem;line-height:1.11538;font-weight:700;max-width:48.3rem;letter-spacing:0.13rem}.software_overview .head .desc{max-width:58.1rem;margin-top:2.4rem}.software_overview div.swiper-pagination{bottom:3.7rem}.software_overview div.swiper-pagination .swiper-pagination-bullet-active::after{transition:width 5s linear}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.software_overview .head .title{font-size:5rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.software_overview .head{width:100%}.software_overview .head .title{font-size:4rem}.software_overview .head .desc{max-width:unset}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width:4px;height:4px}ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgb(139,139,139)}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head.white p,div.head.white .desc{letter-spacing:unset}div.head.bn p,div.head.bn2 p,div.head.bn .desc,div.head.bn2 .desc{font-size:14px;line-height:1.5;margin-top:12px;letter-spacing:unset}div.head.bn.white p,div.head.bn2.white p,div.head.bn.white .desc,div.head.bn2.white .desc{letter-spacing:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}div.swiper-pagination.swiper-pagination-bullets{gap:6px}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{max-width:35px}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{max-width:55px}.software_overview .software_overview_swiper .wrap{padding:30px 0px}.software_overview .head{width:100%;max-width:500px;padding:0px}.software_overview .head .title{font-size:22px;line-height:1.3;letter-spacing:unset}.software_overview .head .desc{margin-top:10px;max-width:unset}.software_overview div.swiper-pagination{bottom:20px}}@media screen and (max-width:576px){.software_overview .software_overview_swiper .img::after{display:none}.software_overview .software_overview_swiper .wrap{position:static;padding:40px 0px}.software_overview div.swiper-pagination{position:static;padding-bottom:20px}}.center{text-align:center}.head.center h1,.head.center h2,.head.center p,.head.center .desc{margin-left:auto;margin-right:auto}.head h2{font-size:4.8rem;line-height:1.3125;font-weight:700;letter-spacing:0.095rem}.software_features{background-color:var(--bg);padding:13rem 0px 16rem}.software_features p{margin-top:1.8rem}.software_features .nav{margin-top:3.6rem}.software_features .nav .nav_list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 3.2rem}.software_features .nav .nav_item{display:block;font-size:2.2rem;font-weight:600;border-bottom:0.4rem solid transparent;cursor:pointer;transition:0.3s;opacity:0.5;padding:1rem 0px;letter-spacing:0.016rem}.software_features .nav .nav_item.active,.software_features .nav .nav_item:hover{border-bottom-color:var(--primary);opacity:1}.software_features .software_features_swiper{overflow:hidden;margin-top:3.6rem;border-radius:2.4rem 2.4rem 0px 0px}.software_features .software_features_swiper .swiper-slide{max-width:690px}.software_features .software_features_swiper .btn_video{cursor:pointer}.software_features .item{display:flex;flex-direction:column;height:100%}.software_features .item:hover img{transform:scale(1.02)}.software_features .item .img{border-radius:2.4rem;padding-bottom:52.1739%}.software_features .item .info{flex:1 1 0%;display:flex;flex-direction:column;align-items:flex-start;margin-top:4.2rem}.software_features .item .info .text{flex:1 1 0%}.software_features .item .info h3{font-size:2.6rem;font-weight:600;letter-spacing:0.039rem}.software_features .item .info p{font-size:1.8rem;line-height:2.6rem;color:var(--text);margin-top:1.1rem}.software_features .item .info .link{cursor:pointer;display:inline-block;font-size:1.8rem;font-weight:600;transition:0.3s;margin-top:4rem}.software_features .item .info .link:hover{color:var(--primary)}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.software_features{padding:50px 0px;overflow:hidden}.software_features .nav{margin-top:20px}.software_features .nav .nav_list{width:calc(100% + 40px);margin:0px -20px;padding:0px 20px;overflow-x:auto;flex-wrap:nowrap;gap:20px;justify-content:unset}.software_features .nav .nav_list li:first-child{margin-left:auto}.software_features .nav .nav_list li:last-child{margin-right:auto}.software_features .nav .nav_list::-webkit-scrollbar{display:none}.software_features .nav .nav_item{font-size:14px;white-space:nowrap;letter-spacing:unset;padding:10px 0px;border-bottom-width:2px}.software_features .software_features_swiper{overflow:unset;margin-top:30px}.software_features .software_features_swiper .swiper-slide{max-width:356px}.software_features .item .img{border-radius:10px}.software_features .item .info{margin-top:20px}.software_features .item .info h3{font-size:18px;letter-spacing:unset}.software_features .item .info p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}.software_features .item .info .link{font-size:14px;margin-top:20px}}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.software_advantages{padding:13rem 0px 15.4rem}.software_advantages p{max-width:93.6rem;hyphens:auto;margin-top:1.9rem}.software_advantages .img{padding-bottom:32.2222%;border-radius:1.8rem;margin-top:3.9rem}.software_advantages .img:hover img{transform:scale(1.02)}.software_advantages .items{margin-top:7.1rem}.software_advantages .items ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4.6rem 3.68056%}.software_advantages .items li{flex:0 1 22.2222%;min-width:23rem}.software_advantages .items .lar{flex:0 1 29.6299%;min-width:30rem}.software_advantages .items .lar .info{margin-top:1.5rem}.software_advantages .items .lar .info h3{font-size:2.6rem}.software_advantages .items .lar .info p{max-width:40rem}.software_advantages .item{display:block;height:100%}.software_advantages .item .icon{width:6rem;height:6rem;margin:0px auto}.software_advantages .item .info{margin-top:1.7rem;text-align:center}.software_advantages .item .info h3{font-size:2.2rem;font-weight:600}.software_advantages .item .info p{line-height:1.52937;color:rgb(96,104,109);hyphens:unset;max-width:28rem;margin:1.8rem auto 0px}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.software_advantages{padding:50px 0px}.software_advantages .img{margin-top:30px;border-radius:10px}.software_advantages .items{margin-top:30px}.software_advantages .items ul{flex-wrap:nowrap;width:calc(100% + 40px);margin:0px -20px;padding:0px 20px;overflow-x:auto;gap:20px;justify-content:unset}.software_advantages .items ul::-webkit-scrollbar{display:none}.software_advantages .items li{flex:0 0 215px;min-width:unset}.software_advantages .items .lar{flex:0 0 215px;min-width:unset}.software_advantages .items .item .icon{width:40px;height:40px}.software_advantages .items .item .info{margin-top:20px}.software_advantages .items .item .info h3{font-size:18px;letter-spacing:unset}.software_advantages .items .item .info p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}}i,em{font-style:normal}.page_video{overflow:hidden;padding:6.5rem 0px 11.1rem}.page_video.black{background-color:rgb(26,26,26)}.page_video p{margin-top:1.7rem}.page_video .page_video_swiper{margin-top:3.6rem}.page_video .page_video_swiper .swiper-slide{max-width:48rem;transform-origin:right center;transition:transform-origin 0.4s,transform 0.4s;transform:scale(0.89375) translateX(12%)}.page_video .page_video_swiper .swiper-slide-next,.page_video .page_video_swiper .swiper-slide-prev{transform:scale(0.89375)}.page_video .page_video_swiper .swiper-slide-next ~ .swiper-slide{transform:scale(0.89375) translateX(-12%)}.page_video .page_video_swiper .swiper-slide-active{transform:scale(1);transform-origin:center center}.page_video .page_video_swiper .swiper-slide-active ~ .swiper-slide{transform-origin:left center}.page_video .item{display:flex;flex-direction:column;height:100%;border-radius:2.3rem;background-color:var(--bg);cursor:pointer}.page_video .item:hover img{transform:scale(1.02)}.page_video .item .img{border-radius:2.3rem;padding-bottom:56.5081%}.page_video .item .info{flex:1 1 0%;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:6.875% 6.04167% 7.29167% 6.45833%}.page_video .item .info .title{font-size:2.295rem;line-height:1.1817;font-weight:600;color:rgb(33,33,33);flex:1 1 0%;max-width:32.4rem;letter-spacing:0.018rem}.page_video .item .info .btn_play{display:block;flex-shrink:0;content:"";width:4.2rem;height:4.2rem;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/software6-page_video-black/assets/img/play-c-b.svg") center center / contain no-repeat;transition:0.3s;cursor:pointer;margin-top:4%}.page_video .item .info .btn_play:hover{transform:scale(1.1)}.page_video div.swiper-pagination{position:static;margin-top:3.8rem}.page_video div.swiper-pagination .swiper-pagination-bullet{background:rgba(35,35,35,0.37)}.page_video{padding-top:13.2rem;padding-bottom:10rem}.page_video .page_video_swiper{margin-top:4.1rem}.page_video div.swiper-pagination{margin-top:4.8rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}div.head.white p,div.head.white .desc{letter-spacing:unset}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.page_video{padding:50px 0px}.page_video .page_video_swiper{margin-top:30px}.page_video .page_video_swiper .swiper-slide{max-width:350px}.page_video .item{border-radius:10px}.page_video .item .img{border-radius:10px}.page_video .item .info{padding:20px;gap:14px;align-items:center}.page_video .item .info .title{font-size:16px;line-height:1.5;letter-spacing:unset}.page_video .item .info .btn_play{width:40px;height:40px;margin:0px}.page_video div.swiper-pagination{margin-top:30px}div.swiper-pagination.swiper-pagination-bullets{gap:6px}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{max-width:35px}div.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{max-width:55px}.page_video .page_video_swiper,.page_video div.swiper-pagination{margin-top:30px}}.page_video input{position:absolute;z-index:9;right:1rem;top:1rem;padding:8px;width:80%;display:none;border:1px solid rgba(0,0,0,0.5)}.toplevel_page_sytech_fronteditor .page_video input{display:block}