*{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}.flex{display:flex}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title)}.img_bg{position:relative;z-index:2}.img_bg > img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.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.bn p,.head.bn .desc{font-size:2.4rem;line-height:3rem;letter-spacing:0.03rem}.head.bn.white p,.head.bn.white .desc{font-weight:400}.head h1{font-size:5.2rem;line-height:1.11538;font-weight:700;letter-spacing:0.11rem}.head p,.head .desc{font-size:1.8rem;line-height:3.2rem;color:var(--text_op)}.page_banner{max-width:256rem;margin:0px auto}.page_banner::before{position:absolute;width:43.2812%;height:100%;left:0px;top:0px;content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgb(0,0,0) -5.17%,transparent);opacity:0.57}.page_banner .flex{min-height:68rem;padding:6rem 0px}.page_banner .head{width:41%;padding-top:0.4%}.page_banner p{margin-top:2.5rem}.page_banner::before{opacity:0.54;width:49.5312%}.page_banner .head{padding-top:0px}.page_banner .head p{margin-top:2.4rem}@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}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h1{font-size:5rem}}@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 h1{font-size:25px;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_banner .flex{min-height:unset;padding:50px 0px}.page_banner .flex .head{width:50%;padding:0px}}@media screen and (max-width:576px){.page_banner::before{width:100%;opacity:1;background-color:rgba(0,0,0,0.2)}.page_banner .flex .head{width:100%}.page_banner::before{width:100%;opacity:1}}li{list-style:none}li.swiper-slide{height:auto}.center{text-align:center}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.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}.about_intro{padding:13.7rem 0px 15.3rem}.about_intro h2{max-width:98.7rem}.about_intro p{hyphens:auto;max-width:113.4rem;margin-top:1.8rem}.about_intro p + p{margin-top:3.2rem}.about_intro .about_intro_swiper{max-width:130.2rem;margin:6.9rem auto 0px;overflow:hidden}.about_intro .item{display:block;height:100%}.about_intro .item .icon{width:5.5rem;height:5.5rem}.about_intro .item .info{margin-top:3rem;max-width:22.2rem}.about_intro .item .info h3{font-size:2.6rem;line-height:1.38462;font-weight:600;letter-spacing:0.035rem;max-width:18rem}.about_intro .item .info p{font-size:1.8rem;line-height:2.6rem;color:var(--text);opacity:0.8;margin-top:1.5rem}@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}div.head p + p{margin-top:12px}.about_intro{padding:50px 0px;overflow:hidden}.about_intro .about_intro_swiper{overflow:unset;margin-top:30px}.about_intro .item .icon{width:40px;height:40px}.about_intro .item .info{margin-top:20px}.about_intro .item .info h3{font-size:18px;letter-spacing:unset;max-width:130px}.about_intro .item .info p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}}i,em{font-style:normal}.about_video{max-width:256rem;margin:0px auto}.about_video .video{position:relative;width:100%;padding-bottom:39.5833%;overflow:hidden;cursor:pointer}.about_video .video video,.about_video .video img,.about_video .video iframe,.about_video .video div:not(.btn_play){width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0px;top:0px}.about_video .video .btn_play{position:absolute;width:7.6rem;height:7.6rem;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);border-radius:50%;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us3-about_video/assets/img/play.svg") no-repeat left 54% center / 18.4% var(--primary);transition:0.4s,opacity 0.3s;cursor:pointer}.about_video .video .btn_play:hover{transform:translate(-50%,-50%) scale(1.1)}.about_video .video.active .btn_play{opacity:0}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.about_video .video .btn_play{width:40px;height:40px}}.about_video input{padding:8px;width:80%;margin-bottom:20px;display:none;border:1px solid rgba(0,0,0,0.5)}.toplevel_page_sytech_fronteditor .about_video input{display:block}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.gap{gap:3rem}.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}.swiper_btns{gap:1.9rem;display:flex}.swiper_btns div{width:7.1rem;cursor:pointer;transition:0.3s;border-radius:50%;border:1px solid var(--title);background-color:var(--title)}.swiper_btns div::after{content:"";display:block;width:100%;padding-bottom:100%;transition:0.3s;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us4-about_milestones/assets/img/arrow-r.svg") center center / 30.4% no-repeat;filter:contrast(0) brightness(2)}.swiper_btns div:hover{border-color:var(--primary);background-color:var(--primary)}.swiper_btns .btn_prev::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none;background-color:transparent;border-color:rgba(22,22,22,0.5)}.swiper_btns .swiper-button-disabled::after{filter:contrast(0) brightness(0)}.swiper_btns:has(.swiper-button-lock){opacity:0}.about_milestones{padding:16rem 0px 13.8rem}.about_milestones .lt{flex:1 1 0%;width:100%;max-width:56.5rem;overflow:hidden}.about_milestones .rt{width:49.4444%}.about_milestones .swiper_con{border-top:1px solid rgba(26,26,26,0.14);margin-top:3.4rem;padding-top:3.2rem}.about_milestones .times{position:relative;flex:1 1 0%;width:100%;max-width:122.1rem;overflow:hidden;padding-top:1px}.about_milestones .times::after{position:absolute;width:18.9rem;height:100%;right:0px;top:0px;content:"";background-image:linear-gradient(to left,rgb(255,255,255),transparent);z-index:2;transition:0.3s;pointer-events:none}.about_milestones .times.hide::after{opacity:0}.about_milestones .about_milestones_swiper{overflow:hidden;margin-top:5rem}.about_milestones .about_milestones_swiper strong{font-size:4.8rem;font-weight:700;color:rgb(222,29,40);letter-spacing:0.14rem}.about_milestones .about_milestones_swiper h3{font-size:3.4rem;font-weight:700;margin-top:0.3rem;letter-spacing:0.06rem}.about_milestones .about_milestones_swiper p{font-size:1.8rem;line-height:3.2rem;color:var(--text_op);margin-top:3.3rem}.about_milestones .about_milestones_img_swiper{overflow:hidden;border-radius:2.8rem}.about_milestones .about_milestones_img_swiper .img{padding-bottom:61.7978%}.about_milestones .about_milestones_img_swiper .img:hover img{transform:scale(1.02)}.about_milestones .about_milestones_date_swiper{overflow:hidden}.about_milestones .about_milestones_date_swiper .swiper-slide{cursor:pointer;font-size:3.4rem;font-weight:700;white-space:nowrap;opacity:0.4;transition:opacity 0.3s;width:auto;max-width:max-content;letter-spacing:0.07rem}.about_milestones .about_milestones_date_swiper .swiper-slide-thumb-active{opacity:1}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.swiper_btns{gap:20px}.swiper_btns div{width:40px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}.about_milestones{padding:50px 0px}.about_milestones .swiper_con{margin-top:30px;padding-top:20px}.about_milestones .times{padding:0px}.about_milestones .times::after{width:150px}.about_milestones .about_milestones_swiper{margin-top:20px}.about_milestones .about_milestones_swiper strong{font-size:26px;letter-spacing:unset}.about_milestones .about_milestones_swiper h3{font-size:18px;letter-spacing:unset;margin-top:0px}.about_milestones .about_milestones_swiper p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}.about_milestones .about_milestones_img_swiper{border-radius:10px}.about_milestones .about_milestones_date_swiper .swiper-slide{font-size:18px;letter-spacing:unset}}@media screen and (max-width:576px){.about_milestones .rt{width:100%;order:-1}.about_milestones .swiper_con{flex-direction:column-reverse}.about_milestones .swiper_btns{width:100%;justify-content:flex-end}}.tools_part_vendor .tools_part_box{padding:4rem 0px;text-align:center}.tools_part_vendor .tools_part_box input{padding:.8rem 1rem;border-radius:5px;min-width:300px;border:1px #ddd solid}.tools_part_vendor .tools_part_box button{background:white;border:1px solid #f8f8f8;color:#4c4c4c;padding:0.8rem 1.5rem;display:inline-block;font-weight:500;border:none;font-size:16px;cursor:pointer;border-radius:10px;background-color:#33bde9;border:1px solid #33bde9;color:white;padding:0.8rem 1.5rem}