*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#d8a020;--title:#0a0a0c;--text:#6b6b72}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:168rem;margin:0px auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.center{text-align:center}.flex_center{justify-content:center}.flex_middle{align-items:center}body{color:var(--title);font-size:1.6rem;font-weight:700}p,.DM_Sans{font-weight:normal}.img_bg{position:relative;z-index:2}.img_bg > img,.img_bg > video{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0px;top:0px;z-index:-2}.head h1{color:var(--primary);font-size:9rem;font-weight:700;line-height:0.955556;text-transform:uppercase}.head h1 span{color:var(--title)}.head p{font-size:1.8rem;line-height:2.8rem}.technology_banner{max-width:256rem;margin:0px auto}.technology_banner .flex{padding:8rem 0px;min-height:68rem;flex-direction:column}.technology_banner .breadcrumbs{text-transform:uppercase;margin-bottom:2rem;letter-spacing:0.125em;color:rgb(255,255,255)}.technology_banner .breadcrumbs span span::after{content:"";display:inline-block;width:8px;height:8px;margin:0px 1.4rem;filter:contrast(0) brightness(2);transform:translateY(-2px) rotate(-90deg);background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology1-technology_banner-img_bg/assets/img/icon-select.svg") center center / contain no-repeat}.technology_banner .breadcrumbs span span:last-child::after{display:none}.technology_banner .breadcrumbs a{transition:0.3s}.technology_banner .breadcrumbs a:hover{color:rgb(255,255,255)}.technology_banner .head{max-width:124.8rem}.technology_banner .head h1 span{color:rgb(255,255,255)}.technology_banner .head p{color:rgba(255,255,255,0.8);max-width:93rem;margin:1.5rem auto 0px;font-weight:300}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0px 3rem}}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}}@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}}@media screen and (min-width:769px){ul::-webkit-scrollbar,div::-webkit-scrollbar{width: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}.head h1{font-size:25px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.technology_banner .flex{padding:50px 0px;min-height:unset}.technology_banner .breadcrumbs{font-size:14px}.technology_banner .breadcrumbs span span::after{margin:0px 8px}.technology_banner .head p{margin-top:12px}}li{list-style:none}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_top{align-items:flex-start}.gap{gap:3rem}.head .subtitle{font-size:1.8rem;letter-spacing:0.144444em;text-transform:uppercase;margin-bottom:1rem}.head h2{color:var(--primary);font-size:5.8rem;font-weight:700;line-height:1.2;text-transform:uppercase}.btn{display:inline-block;vertical-align:top;text-align:center;position:relative;z-index:2;cursor:pointer;color:rgb(255,255,255);font-weight:700;font-size:1.8rem;line-height:5.8rem;letter-spacing:0.038889em;text-transform:uppercase;border-radius:100px;padding:0px 4.7rem;box-shadow:rgba(204,204,204,0.55) 0px 1rem 1rem;background-image:linear-gradient( to right,rgb(231,218,150),rgb(209,163,65) );transition:box-shadow 0.3s,transform 0.5s cubic-bezier(0.23,1.74,0.42,1.59)}.btn::before{content:"";position:absolute;inset:1px;z-index:-1;transition:0.3s;border-radius:100px;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology2-technology_expanding/assets/img/btn-bg.svg") center center / auto 100% repeat}.btn:hover{transform:scale(1.03);box-shadow:rgba(234,200,140,0.55) 0px 1rem 1rem}.btn:hover::before{filter:brightness(1.05)}.btn:active{transform:scale(0.97)}.btn:active::before{filter:brightness(1)}.technology_expanding{padding:12.6rem 0px;background-color:rgb(242,242,242)}.technology_expanding .lt{max-width:66rem}.technology_expanding .rt{max-width:84rem;padding-top:5px}.technology_expanding .head p{color:var(--text);margin-top:2.8rem}.technology_expanding .head .btn{margin-top:4rem}.technology_expanding .head ul{display:grid;gap:1.2rem;grid-template-columns:39.0476% 1fr;margin-top:2.4rem}.technology_expanding .head li{position:relative;padding-left:1.77778em;font-weight:700;font-size:1.8rem;line-height:1.55556em}.technology_expanding .head li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology2-technology_expanding/assets/img/icon-gou.svg") center center / contain no-repeat}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.btn{font-size:14px;line-height:42px;padding:0px 20px}.technology_expanding{padding:50px 0px}.technology_expanding .head .btn{margin-top:20px}.technology_expanding .head p{margin-top:12px}.technology_expanding .head ul{margin-top:20px}.technology_expanding .head li{font-size:14px}.technology_expanding .rt{padding:0px}}@media screen and (max-width:576px){.technology_expanding .head ul{grid-template-columns:1fr}}.technology_head{margin:12.6rem 0px 9.8rem}.technology_head .head{max-width:103.2rem;margin:0px auto}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.technology_head{margin:50px 0px}}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.img.img_hv:hover img{transform:scale(1.03)}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.technology_intro{margin:9rem 0px}.technology_intro .head{flex:1 1 0%;max-width:72rem}.technology_intro .head h2{max-width:75rem}.technology_intro .head p{color:var(--text);margin-top:2.6rem}.technology_intro .head ul{padding-top:1.6rem}.technology_intro .head li{position:relative;padding-left:1.77778em;font-weight:700;font-size:1.8rem;line-height:1.55556em;margin-top:0.666667em}.technology_intro .head li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology4-technology_intro/assets/img/icon-gou.svg") center center / contain no-repeat}.technology_intro .img{width:52.0833%;border-radius:2.4rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.technology_intro{margin:50px 0px}.technology_intro .head p{margin-top:12px}.technology_intro .head ul{padding-top:10px}.technology_intro .head li{font-size:14px}.technology_intro .img{border-radius:15px}}@media screen and (max-width:576px){.technology_intro .flex{display:block}.technology_intro .img{width:100%;margin-top:30px}}.technology_intro.r .flex{flex-direction:row-reverse}.technology_intro .head li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology5-technology_intro-r/assets/img/icon-gou.svg") center center / contain no-repeat}.technology_intro .head li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology6-technology_intro/assets/img/icon-gou.svg") center center / contain no-repeat}.technology_intro .head li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology7-technology_intro-r/assets/img/icon-gou.svg") center center / contain no-repeat}.technology_production{color:rgb(255,255,255);padding:14.2rem 0px 18rem;--size:19rem}.technology_production .items{margin-top:6rem}.technology_production .list{gap:2.14286%;display:flex;align-items:flex-start;justify-content:center}.technology_production .item{flex:1 1 0%;max-width:29.4rem;margin-left:6.19048%}.technology_production .item .cir{width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;position:relative;text-align:center;margin-bottom:5rem}.technology_production .item .cir svg{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%}.technology_production .item .cir svg circle{fill:none;stroke-width:10px;stroke-linecap:butt}.technology_production .item .cir svg .ring-bg{stroke:rgb(255,255,255)}.technology_production .item .cir svg .ring-progress{stroke:rgb(215,160,33);stroke-dasharray:0,100}.technology_production .item strong{font-size:5.4rem;font-weight:700}.technology_production .item span{font-size:2rem}.technology_production .item p{color:rgb(156,162,186);font-weight:700;letter-spacing:0.166667em;margin-top:5px}.technology_production .item h3{font-weight:700;font-size:2.4rem}.technology_production .item ul{padding-top:1.4rem}.technology_production .item li{color:rgba(255,255,255,0.8);position:relative;padding-left:1.77778em;font-size:1.8rem;line-height:1.55556em;margin-top:6px}.technology_production .item li::before{content:"";display:block;width:1em;height:1em;position:absolute;left:0px;top:0.3em;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology8-technology_production-img_bg/assets/img/icon-gou.svg") center center / contain no-repeat}.technology_production .vs{height:var(--size);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--primary);font-size:4.6rem}.technology_production.is-inview .ring-progress{transition:stroke-dasharray 2.4s ease}.technology_production.is-inview .list > .item:nth-child(1) svg{--goal:50}.technology_production.is-inview .list > .item:nth-child(1) .ring-progress{stroke-dasharray:var(--goal) 100;transition-delay:0.25s}.technology_production.is-inview .list > .item:nth-child(3) svg{--goal:75}.technology_production.is-inview .list > .item:nth-child(3) .ring-progress{stroke-dasharray:var(--goal) 100;transition-delay:0.55s}.technology_production.is-inview .list > .item:nth-child(5) svg{--goal:75}.technology_production.is-inview .list > .item:nth-child(5) .ring-progress{stroke-dasharray:var(--goal) 100;transition-delay:0.85s}.technology_production .line{width:6rem;height:var(--size);position:relative}.technology_production .line::after{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:460%;height:6px;background:url("https://xh.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/technology8-technology_production-img_bg/assets/img/tech-production-line.svg") center center / contain repeat}@media screen and (min-width:769px) and (max-width:1220px){.content,.swiper_content{max-width:1024px}.technology_production .line::after{width:300%}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.technology_production .item{margin-left:0px}.technology_production .item .cir{margin:0px auto 30px}.technology_production .line::after{width:250%}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.technology_production .line::after{width:200%}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.technology_production{padding:50px 0px;--size:150px}.technology_production .items{margin-top:30px}.technology_production .item{margin:0px}.technology_production .item .cir{margin:0px auto 20px}.technology_production .item h3{font-size:18px}.technology_production .item ul{padding-top:8px}.technology_production .item li{font-size:14px}.technology_production .vs{font-size:30px}.technology_production .line::after{width:100%}}@media screen and (max-width:576px){.technology_production{--size:120px}.technology_production .list{gap:20px;flex-direction:column}.technology_production .item{gap:15px;display:grid;grid-template-columns:auto 1fr;max-width:unset}.technology_production .item strong{font-size:30px}.technology_production .item p{font-size:12px}.technology_production .item .cir{margin:0px}.technology_production .item .cir + div{align-self:center}.technology_production .vs{width:var(--size);height:auto}.technology_production .line{width:var(--size)}.technology_production .line::after{width:100%;transform:translate(-50%,-50%) rotate(90deg)}}.technology_production input{position:absolute;left:0;top:0;right:0;z-index:2;height:40px;padding:0 10px;outline:none;border:1px solid rgba(0,0,0,0.2);display:none}.toplevel_page_sytech_fronteditor .technology_production input{display:block}.technology_intro.large{margin:13rem 0px}.technology_intro.large .flex{flex-direction:row-reverse}.technology_intro.large .img{margin-left:-5.95238%}.technology_intro.large .head{max-width:84rem}.technology_intro .items{margin-top:4.5rem;padding-top:2.3rem;border-top:1px solid rgb(236,236,239)}.technology_intro .items .list{display:flex;flex-wrap:wrap;gap:3rem 13.3333%}.technology_intro .items .item p{color:var(--text);margin:0px 0px 1.2rem}.technology_intro .items .item strong{display:block;font-weight:700;font-size:4.2rem;text-transform:uppercase}@media screen and (min-width:769px) and (max-width:1440px){.content{padding:0px 3rem}.technology_intro.large .img{margin-left:0px}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px}.head h2{font-size:22px;line-height:1.3}.head .desc,.head p{font-size:14px;line-height:1.5;margin-top:12px}.technology_intro{margin:50px 0px}.technology_intro.large{margin:50px 0px}.technology_intro.large .img{margin-left:0px}.technology_intro .head p{margin-top:12px}.technology_intro .img{border-radius:15px}.technology_intro .items{margin-top:20px;padding-top:12px}.technology_intro .items .list{gap:20px}.technology_intro .items .item strong{font-size:20px}}