*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#242272;--secondary:#3b82f6;--tertiary:#1b1464;--title:#0f172a;--text:#4b4f54;--text_w:rgba(255,255,255,0.85);--text_w2:rgba(255,255,255,0.75);--bg:#f2f2f2;--bg2:#131156;--border:#e2e8f0}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}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}body{font-size:1.6rem;color:var(--title);animation:0.4s ease-in 0s 1 normal forwards running fadeIn}.product_nav{border-bottom:1px solid var(--border)}.product_nav .nav_list{display:flex;flex-wrap:wrap;margin-bottom:-1px;gap:3rem 0.8rem}.product_nav .nav_item{display:block;cursor:pointer;transition:0.3s;font-size:1.9rem;font-weight:600;color:rgb(148,163,184);background:linear-gradient( to right,rgb(37,99,235) 0px,rgb(37,99,235) 100% ) center bottom / 0px 2px no-repeat;padding:3.7rem 2.7rem 1.9rem}.product_nav .nav_item.active,.product_nav .nav_item:hover{color:var(--title);background-size:100% 2px}@media (prefers-reduced-motion:reduce){body{animation:auto ease 0s 1 normal none running none}}@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}}@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}.product_nav .nav .nav_list{width:calc(100% + 40px);padding:0px 20px;margin:0px -20px -1px;flex-wrap:nowrap;gap:12px;overflow-x:auto}.product_nav .nav .nav_list::-webkit-scrollbar{display:none}.product_nav .nav .nav_list .nav_item{font-size:16px;white-space:nowrap;padding:12px 16px}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}i,em{font-style:normal}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_middle{align-items:center}.gap{gap:3rem}.img.img_cv{overflow:hidden}.img.img_cv img,.img.img_cv video,.img.img_cv iframe{object-fit:cover}.img.img_aba{position:relative}.img.img_aba::after{content:"";display:block;padding-bottom:var(--h)}.img.img_aba img,.img.img_aba video,.img.img_aba iframe{position:absolute;left:0px;top:0px}.img img,.img video,.img iframe{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.tcon em{font-style:normal}.tcon > em{display:block;font-size:1.6rem;line-height:1.2;text-transform:uppercase;color:var(--secondary);margin-bottom:1.6rem}.tcon h2{font-size:4.8rem;line-height:1.25;font-weight:600;letter-spacing:0.025em}.tcon p,.tcon .desc{font-size:1.8rem;line-height:2.8rem;color:var(--text)}.about_story{padding:14.5rem 0px 15.6rem}.about_story .head{flex:1 1 0%;width:100%;max-width:64.2rem}.about_story .head > em{margin-bottom:1.1rem}.about_story p{hyphens:auto;margin-top:3.8rem}.about_story p + p{margin-top:1.1rem}.about_story .video{width:50.5556%;--h:64.42307692%;border-radius:1.9rem}.about_story .video video,.about_story .video img,.about_story .video iframe,.about_story .video div:not(.btn_play){width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0px;top:0px}.about_story .video .btn_play{position:absolute;width:9.89011%;padding-bottom:9.89011%;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);border-radius:50%;background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/about-us2-about_story/assets/img/play.svg") center center / 34.7% no-repeat rgb(37,99,235);transition:0.4s,opacity 0.3s;cursor:pointer}.about_story .video .btn_play:hover{transform:translate(-50%,-50%) scale(1.1)}.about_story .video.active .btn_play{opacity:0}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.tcon h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}div.head p + p{margin-top:10px}.about_story{padding:50px 0px}.about_story .head > em{margin-bottom:8px}.about_story .head{max-width:unset}.about_story .video{border-radius:10px;width:100%;order:-1}}table{width:100%;border-collapse:collapse}.flex_top{align-items:flex-start}.img.img_ct img{object-fit:contain}.img.img_hv:hover img{transform:scale(1.03)}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:0.3s;background-color:var(--primary);border:1px solid var(--primary);color:rgb(255,255,255);border-radius:10rem;font-size:1.6rem;font-weight:500;gap:1.2rem;line-height:5.4rem;padding:0px 3rem}.btn::after{display:inline-block;flex-shrink:0;content:"";width:1.0625em;height:1.0625em;transition:0.3s;filter:contrast(0) brightness(2);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/product4-product_spec/assets/img/arrow-r.svg") center center / contain no-repeat}.btn:hover{background-color:transparent;color:var(--primary)}.btn:hover::after{filter:none;transform:translateX(20%)}.product_spec{padding:7.6rem 0px 9.2rem}.product_spec .download_item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border-radius:1.2rem;background-color:rgb(248,250,252);gap:2.9rem;margin-top:5.3rem;padding:2.08333% 3.33333%;min-height:13.9rem}.product_spec .download_item .icon{width:5.6rem;height:5.6rem;background-color:var(--bg2);border-radius:0.8rem}.product_spec .download_item .icon img{transform:scale(0.446429)}.product_spec .download_item .info{padding-bottom:0.8%}.product_spec .download_item .info .title{font-size:2.339rem;font-weight:600;letter-spacing:0.00917em}.product_spec .download_item .info .metas{font-size:1.518rem;color:rgb(148,163,184);margin-top:0.9rem;letter-spacing:-0.0067em}.product_spec .download_item .btn{flex-direction:row-reverse;font-size:1.634rem;line-height:5.9rem;background-color:var(--bg2);border-color:var(--bg2)}.product_spec .download_item .btn::after{width:0.8568em;height:0.8568em;background-image:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/product4-product_spec/assets/img/icon-download.svg")}.product_spec .download_item .btn:hover{background-color:transparent}.product_spec .flex{margin-top:2.7rem}.product_spec .img{width:43.4722%;--h:69.648562%;overflow:hidden;border-radius:2rem;background-color:rgb(248,250,252);margin-top:1.2rem}.product_spec .table{flex:1 1 0%;overflow:auto;max-width:72.9rem}.product_spec table tr{border-bottom:1px solid rgb(227,228,229)}.product_spec table tr:last-child{border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor}.product_spec table td{color:var(--text);font-size:1.8rem;line-height:2.8rem;vertical-align:top;padding:1.2rem 0px 1.2rem 2rem}.product_spec table td:first-child{color:var(--title);font-weight:600;padding-left:0px}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.btn,.btn_l{font-size:15px;line-height:40px;padding:0px 20px;gap:8px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}div.head h2{padding:0px}.product_spec{padding:50px 0px}.product_spec .download_item{margin-top:30px;border-radius:10px;padding:20px;min-height:unset;gap:16px}.product_spec .download_item .icon{width:50px;height:50px}.product_spec .download_item .info{padding:0px}.product_spec .download_item .info .title{font-size:20px}.product_spec .download_item .btn{font-size:14px;line-height:40px}.product_spec .img{border-radius:10px}.product_spec table td{font-size:13px;line-height:1.5}}@media screen and (max-width:576px){.product_spec .download_item{grid-template-columns:1fr}.product_spec .flex{display:block}.product_spec .img{width:100%;margin-bottom:30px}}.swiper_box{position:relative}li.swiper-slide{height:auto}.img.img_ab{position:relative}.img.img_ab img,.img.img_ab video,.img.img_ab iframe{position:absolute;left:0px;top:0px}.swiper_btns{gap:3.1rem;display:flex}.swiper_btns div{width:7rem;cursor:pointer;transition:0.3s;border-radius:50%;background-color:var(--secondary)}.swiper_btns div::after{content:"";display:block;width:100%;padding-bottom:100%;transition:0.3s;background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/product5-product_applications/assets/img/arrow-r.svg") center center / 30% 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:var(--primary)}.swiper_btns:has(.swiper-button-lock){opacity:0}.swiper_btns.middle{width:98%;max-width:170.3rem;position:absolute;left:50%;top:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);justify-content:space-between}.swiper_btns.middle div{pointer-events:all}.swiper_btns.middle .swiper-button-disabled,.swiper_btns.middle .swiper-button-lock{pointer-events:none}.product_applications{padding:9.2rem 0px 4.7rem}.product_applications p{max-width:70.4rem;margin-top:3.5rem}.product_applications .product_applications_swiper{overflow:hidden;--rd:2rem;border-radius:var(--rd);margin-top:3.8rem}.product_applications .item{display:flex;flex-direction:column;height:100%;border-radius:var(--rd);background-color:rgb(248,250,252);padding:4.37318% 4.08163%}.product_applications .item:hover img{transform:scale(1.03)}.product_applications .item .img{border-radius:var(--rd);padding-bottom:79.3651%}.product_applications .item .info{padding:6.34921% 5.39683% 10.7937%}.product_applications .item .info .title{font-size:2.417rem;font-weight:600;letter-spacing:0.01241em}.product_applications .item .info .desc{font-size:1.8rem;line-height:2.6rem;color:var(--text);opacity:0.85;margin-top:1.2rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.swiper_btns{gap:20px}.swiper_btns div{width:40px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.product_applications{padding:50px 0px;overflow:hidden}.product_applications .product_applications_swiper{overflow:unset;--rd:10px;margin-top:30px}.product_applications .item{padding:10px}.product_applications .item .info{padding:10px;margin-top:10px}.product_applications .item .info .title{font-size:20px}.product_applications .item .info .desc{font-size:14px;line-height:1.5;margin-top:10px}.product_applications .item .info .desc br{display:none}.product_applications .swiper_btns.middle{display:none}}.product_pas .items{border-radius:4.1rem;background-color:var(--bg2);padding:4.375% 4.86111% 4.30556%}.product_pas .items ul{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem 4.9rem}.product_pas .items .icon{width:6.3rem;height:6.3rem;border-radius:0.8rem;background-color:var(--secondary);margin-left:0.3rem}.product_pas .items .icon img{transform:scale(0.634921)}.product_pas .items .info{color:rgb(255,255,255);margin-top:2.3rem}.product_pas .items .info strong{font-size:2.417rem;font-weight:500;letter-spacing:0.01862em}.product_pas .items .info p{line-height:2.5rem;opacity:0.85;max-width:28.3rem;margin-top:0.8rem;font-weight:300;letter-spacing:0.00625em}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.product_pas .items{border-radius:10px;padding:30px 20px}.product_pas .items ul{gap:30px 16px;grid-template-columns:1fr 1fr}.product_pas .items .icon{width:50px;height:50px;margin-left:0px}.product_pas .items .info{margin-top:20px}.product_pas .items .info strong{font-size:20px}.product_pas .items .info p{line-height:1.5;margin-top:10px}}@media screen and (max-width:576px){.product_pas .items ul{grid-template-columns:1fr}}.flex_bottom{align-items:flex-end}.product_ps{padding:15.4rem 0px 9.4rem}.product_ps .lt{width:47.5%}.product_ps .rt{flex:1 1 0%;max-width:62.4rem}.product_ps .head .lt{padding-bottom:2rem}.product_ps .main{margin-top:3.5rem}.product_ps .product_ps_swiper{overflow:hidden;border-radius:2rem}.product_ps .product_ps_swiper .img{border-radius:2rem}.product_ps .rt li{border-bottom:1px solid rgb(227,228,229)}.product_ps .rt li:last-child{border-bottom-width:medium;border-bottom-style:none;border-bottom-color:currentcolor}.product_ps .rt .active .indicator{background-color:var(--secondary)}.product_ps .rt .active .indicator::after{opacity:0}.product_ps .rt .title{cursor:pointer;gap:2rem;display:grid;align-items:center;grid-template-columns:1fr auto;padding:2.2rem 0px}.product_ps .rt h3{font-weight:600;font-size:2.4rem}.product_ps .rt .indicator{width:3.8rem;height:3.8rem;position:relative;border-radius:50%;transition:0.3s;background-color:var(--primary)}.product_ps .rt .indicator::before,.product_ps .rt .indicator::after{content:"";width:1.2rem;height:2px;background-color:rgb(255,255,255);transition:0.3s;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.product_ps .rt .indicator::after{transform:translate(-50%,-50%) rotate(90deg)}.product_ps .rt .detail{display:none;padding:1.2rem 0px 2.3rem}.product_ps .rt .detail p{color:var(--text);font-size:1.8rem;line-height:2.6rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head.flex .tcon{padding:0px}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.product_ps{padding:50px 0px}.product_ps .head .lt{padding:0px}.product_ps .main{margin-top:30px}.product_ps .product_ps_swiper{border-radius:10px}.product_ps .product_ps_swiper .img{border-radius:10px}.product_ps .rt .title{padding:12px 0px}.product_ps .rt h3{font-size:18px}.product_ps .rt .indicator{width:30px;height:30px}.product_ps .rt .detail{padding:0px 0px 20px}.product_ps .rt .detail p{font-size:14px;line-height:1.5}}@media screen and (max-width:576px){.product_ps .head{display:block}.product_ps .lt{width:100%}.product_ps .main{display:block}.product_ps .main .rt{margin-top:30px}}.btn::after{display:inline-block;flex-shrink:0;content:"";width:1.0625em;height:1.0625em;transition:0.3s;filter:contrast(0) brightness(2);background:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/product8-product_documents/assets/img/arrow-r.svg") center center / contain no-repeat}.btn.sec{background-color:var(--secondary);border-color:var(--secondary)}.btn.sec::after{background-image:url("https://hellosteel.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/product8-product_documents/assets/img/arrow-r-sec.svg")}.btn.sec:hover{background-color:transparent;color:var(--secondary)}.product_documents{padding:9.4rem 0px 10.9rem}.product_documents .lt{flex:1 1 0%;max-width:53.2rem}.product_documents .head p{margin-top:1.8rem}.product_documents .btn{margin-top:2.6rem;text-transform:uppercase}.product_documents .rt{width:58.1944%;margin-top:4.16667%}.product_documents .rt ul{gap:1.7rem;display:grid;grid-template-columns:repeat(3,1fr)}.product_documents .item{height:100%;display:flex;flex-direction:column;justify-content:space-between;min-height:29.8rem;padding:13.4328% 10.4478%;border-radius:1.8rem;background-color:rgb(248,250,252)}.product_documents .item .icon{display:flex;align-items:center;justify-content:center;width:6.1rem;height:6.1rem;border-radius:1.1rem;background-color:var(--primary)}.product_documents .item .icon img{display:block;width:50%;height:50%;object-fit:contain}.product_documents .item .title{font-weight:600;font-size:2.2rem;line-height:1.2;margin-top:3rem}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.btn,.btn_l{font-size:15px;line-height:40px;padding:0px 20px;gap:8px}.tcon > em{font-size:14px;margin-bottom:8px}.tcon h2{font-size:30px;line-height:1.3}.tcon .desc,.tcon p{font-size:14px;line-height:1.5;margin-top:10px}div.head h2{padding:0px}div.head .desc,div.head p{margin-top:10px}.product_documents{padding:50px 0px}.product_documents .head p{margin-top:12px}.product_documents .btn{margin-top:20px}.product_documents .rt{margin:0px}.product_documents .item{min-height:unset;border-radius:10px}.product_documents .item .icon{width:50px;height:50px;border-radius:10px}.product_documents .item .title{font-size:18px}}@media screen and (max-width:576px){.product_documents .flex{display:block}.product_documents .rt{width:100%;margin-top:30px}.product_documents .rt ul{display:flex;width:calc(100% + 40px);padding:0px 20px;margin:0px -20px;overflow:auto}.product_documents .rt ul::-webkit-scrollbar{display:none}.product_documents .rt li{flex:1 0 160px}}