*{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}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.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}.btn{display:inline-block;cursor:pointer;text-align:center;transition:0.3s;border-radius:100px;background-color:var(--primary);border:1px solid var(--primary);color:rgb(255,255,255);font-size:1.7rem;line-height:3rem;font-weight:600;padding:1.5rem 3.6rem;min-width:17.6rem}.btn:hover{background-color:transparent;color:var(--primary)}.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)}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)}.home_banner{overflow:hidden;position:relative;background:rgb(0,0,0);z-index:2;max-width:256rem;margin:0px auto}.home_banner .home_banner_swiper .swiper-slide{position:relative;overflow:hidden}.home_banner .home_banner_swiper .swiper-slide::after{position:absolute;height:100%;left:0px;top:0px;width:43.2812%;background-image:linear-gradient(to right,rgb(0,0,0) -5.17%,transparent);opacity:0.57;content:"";pointer-events:none}.home_banner .home_banner_swiper .swiper-slide .head .subtitle,.home_banner .home_banner_swiper .swiper-slide .head .title,.home_banner .home_banner_swiper .swiper-slide .head .desc,.home_banner .home_banner_swiper .swiper-slide .head .more{transform:translateX(100px);opacity:0;transition:0.5s 0.5s}.home_banner .home_banner_swiper .swiper-slide .head .title{transition:0.5s 0.6s}.home_banner .home_banner_swiper .swiper-slide .head .desc{transition:0.5s 0.7s}.home_banner .home_banner_swiper .swiper-slide .head .more{transition:0.5s 0.8s}.home_banner .home_banner_swiper .swiper-slide-active .head .subtitle,.home_banner .home_banner_swiper .swiper-slide-active .head .title,.home_banner .home_banner_swiper .swiper-slide-active .head .desc,.home_banner .home_banner_swiper .swiper-slide-active .head .more{transform:translateX(0px);opacity:1;transition:0.8s 0.7s}.home_banner .home_banner_swiper .swiper-slide-active .head .title{transition:0.8s 0.8s}.home_banner .home_banner_swiper .swiper-slide-active .head .desc{transition:0.8s 0.9s}.home_banner .home_banner_swiper .swiper-slide-active .head .more{transition:0.8s 1s}.home_banner .home_banner_swiper .img{padding-bottom:41.4062%}.home_banner .home_banner_swiper .wrap{position:absolute;inset:0px;z-index:2;padding:6rem 0px 10rem}.home_banner .home_banner_swiper .wrap .content{height:100%;display:flex;align-items:center}.home_banner .head{padding-bottom:3.2%}.home_banner .head .subtitle{font-size:1.8rem;color:var(--text_w);margin-bottom:1.5rem}.home_banner .head .title{font-size:5.2rem;line-height:1.11538;font-weight:700;letter-spacing:0.11rem}.home_banner .head .desc{margin-top:2.4rem}.home_banner .head .btn{margin-top:5.1rem}.home_banner .btns{width:98%;max-width:178.6rem;position:absolute;left:50%;top:42.3%;z-index:2;pointer-events:none;transform:translate(-50%,-50%);display:flex;justify-content:space-between}.home_banner .btns div{pointer-events:all;width:1.4rem;height:2.4rem;background:url("https://joyusing.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home1-home_banner/assets/img/nav-l.svg") center center / contain no-repeat;content:"";cursor:pointer;transition:0.3s;filter:contrast(0) brightness(2)}.home_banner .btns div:hover{filter:unset}.home_banner .btns .swiper_next{transform:rotate(180deg)}.home_banner .btns .swiper-button-disabled{opacity:0.68;pointer-events:none}.home_banner .btns:has(.swiper-button-lock){opacity:0}.home_banner div.swiper-pagination{bottom:3.7rem}.home_banner 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}.home_banner .home_banner_swiper .wrap{padding-bottom:6rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h1{font-size:5rem}.home_banner .head .title{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}.btn,.btn_line{font-size:14px;line-height:40px;padding:0px 20px;min-width:120px}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}div.head .btn,div.head .btn_line{font-size:14px;line-height:40px;padding:0px 20px;min-width:120px;margin-top:20px}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}.home_banner .home_banner_swiper .wrap{padding:40px 0px}.home_banner .head{padding:0px}.home_banner .head .subtitle{font-size:14px;margin-bottom:8px}.home_banner .head .title{font-size:25px;line-height:1.2;letter-spacing:unset}.home_banner .head .desc{margin-top:12px}.home_banner .head .btn{margin-top:20px}.home_banner .btns div{width:7px;height:12px}.home_banner div.swiper-pagination{bottom:16px}}@media screen and (max-width:576px){.home_banner .home_banner_swiper .swiper-slide::after{display:none}.home_banner .home_banner_swiper .wrap{position:static}.home_banner .btns{display:none}.home_banner div.swiper-pagination{position:static;padding-bottom:20px}}.img.img_ct img{object-fit:contain}.img.img_aba{position:relative}.img.img_aba::after{content:"";display:block;padding-bottom:var(--h)}.img.img_aba img{position:absolute;left:0px;top:0px}.head h2{font-size:4.8rem;line-height:1.3125;font-weight:700;letter-spacing:0.095rem}.home_products{padding:13.5rem 0px 14.9rem}.home_products .list{margin-top:3.2rem}.home_products .list ul{display:grid;grid-template-columns:44.0278% 1fr 1fr;gap:2.6rem 2.5rem}.home_products .list li{position:relative;grid-row:span 3;padding-bottom:95.7672%}.home_products .list .row4{grid-row:span 4;padding-bottom:78.8644%}.home_products .list .row4 .info{align-self:flex-end}.home_products .list .row4 .pd{margin-right:0px}.home_products .list .col2{grid-column:span 2;padding-bottom:46.5982%}.home_products .list .col2 .info{align-self:flex-end;padding-bottom:3.2rem}.home_products .list .col2 .item .img_cv::after{background-image:linear-gradient(to top,var(--bg) 14.6%,transparent 74.4%)}.home_products .list .row2{grid-row:span 2;padding-bottom:35.8044%}.home_products .list .row2 .info{padding-right:0px;max-width:20.6rem}.home_products .list .row2 .img{margin-right:auto}.home_products .item{position:absolute;left:0px;top:0px;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:space-between;border-radius:1.8rem;overflow:hidden;background-color:var(--bg);gap:2rem}.home_products .item:has(.pd) .img_cv::after{position:absolute;width:100%;height:100%;left:0px;bottom:0px;content:"";background-image:linear-gradient( to top,var(--bg) 18.4%,transparent 44.5077% );pointer-events:none}.home_products .item:hover img{transform:scale(1.02)}.home_products .item .img_cv{position:absolute;width:100%;height:100%;left:0px;top:0px}.home_products .item .img{align-self:center}.home_products .item .img_ct{width:50%;--h:56.78233438%}.home_products .item .pd{width:57.0978%;max-width:36.2rem;--h:100%;margin-right:3.6%}.home_products .item .info{position:relative;z-index:2;flex:1 1 0%;padding:4.1rem}.home_products .item .info .title{font-size:2.8rem;line-height:1.14286;font-weight:600;max-width:18rem;letter-spacing:0.06rem}.home_products .item .info .desc{font-size:1.8rem;line-height:1.55556;max-width:12rem;margin-top:1.7rem}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.home_products .item .info{padding:2rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h2{font-size:4rem}.home_products .item .info .title{font-size:2.4rem}.home_products .item .info .desc{font-size:1.6rem;margin-top:1rem}}@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}.home_products{padding:50px 0px}.home_products .list{margin-top:30px}.home_products .list ul{gap:14px}.home_products .list .item{border-radius:10px;gap:14px}.home_products .list .item .pd{margin-right:0px}.home_products .list .item .info{padding:14px}.home_products .list .item .info .title{font-size:18px;letter-spacing:unset}.home_products .list .item .info .desc{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:5px}}@media screen and (max-width:576px){.home_products .list ul{grid-template-columns:1fr 1fr}.home_products .list ul .row4,.home_products .list ul .row2,.home_products .list ul li{grid-row:unset}.home_products .list .row4,.home_products .list .row2,.home_products .list .col2{grid-column:-1 / 1}}.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}