*{margin:0px;padding:0px;box-sizing:border-box}:root{--primary:#010080;--secondary:#000;--title:#111111;--text:#494949;--bg:#f9f9fc;--border:#e7e7e7;--shadow:0 0.4rem 0.4rem rgba(0,0,0,0.06);--shadow2:0 1rem 1rem rgba(201,204,209,0.55)}html{scroll-behavior:smooth;font-size:clamp(7.5px,0.520834vw,10px)}.content{max-width:140rem;margin:0px auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title)}.gap{gap:3rem}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.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}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.btn{display:inline-flex;align-items:center;cursor:pointer;transition:0.3s;border-radius:100px;background-color:var(--primary);border:1px solid var(--primary);color:rgb(255,255,255);font-size:1.8rem;font-weight:600;line-height:5.6rem;gap:1.6rem;padding:0px 3.1rem;letter-spacing:0.01rem}.btn::after{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;transition:0.3s;filter:contrast(0) brightness(2);background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/product7-product_service/assets/img/arrow-r.svg") center center / contain no-repeat}.btn:hover{background-color:transparent;color:var(--primary)}.btn:hover::after{filter:unset;transform:translateX(20%)}.head.sm h2{font-size:4rem;letter-spacing:0.04rem}.head.sm h2::after{margin-top:2.4rem}.head h2{font-size:5rem;line-height:1.2;font-weight:600}.head h2::after{display:block;width:6rem;height:2px;background-color:var(--primary);content:"";margin-top:2.1rem}.head p,.head .desc{font-size:1.8rem;line-height:2.6rem;color:var(--text)}.product_service{padding:16.3rem 0px 1.9rem}.product_service .img{width:52.1429%;--h:60%;border-radius:1.4rem}.product_service .img:hover img{transform:scale(1.02)}.product_service .head{flex:1 1 0%;width:100%;max-width:49.5rem;padding-bottom:2.8%}.product_service .head h2::after{margin-top:2.5rem}.product_service .head h2{letter-spacing:unset}.product_service p{max-width:49rem;margin-top:3.9rem}.product_service .btn{margin-top:5.3rem}@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}.head h2{font-size:4rem}}@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}.gap{gap:20px}.btn,.btn_line,.btn_w{font-size:14px;line-height:40px;padding:0px 20px;letter-spacing:unset;gap:10px}.btn::after,.btn_line::after,.btn_w::after{width:12px;height:12px}div.head.sm h2,div.head.lh1 h2{font-size:22px;line-height:1.3;letter-spacing:unset}div.head.sm h2::after,div.head.lh1 h2::after{margin-top:12px}div.head h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head h2::after{width:40px;margin-top:12px}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,div.head .btn_w{font-size:14px;line-height:40px;padding:0px 20px;letter-spacing:unset;gap:10px;margin-top:20px}div.head .btn::after,div.head .btn_line::after,div.head .btn_w::after{width:12px;height:12px}.product_service{padding:50px 0px}.product_service .img{border-radius:10px}.product_service .head{padding:0px}.product_service .head h2::after{margin-top:12px}}@media screen and (max-width:576px){.product_service .img{width:100%;order:-1}}li{list-style:none}li.swiper-slide{height:auto}.product_process{padding:1.8rem 0px 10rem}.product_process .head h2{font-size:2.8rem;font-weight:600}.product_process .head h2::after{display:none}.product_process .product_process_swiper{overflow:hidden;margin-top:4rem;margin-left:-1.5rem;padding-left:1.5rem}.product_process .product_process_swiper .swiper-slide{position:relative;padding-right:2rem;--w:8.1rem}.product_process .product_process_swiper .swiper-slide::before,.product_process .product_process_swiper .swiper-slide::after{position:absolute;left:0px;top:calc(var(--w) / 2);width:100%;height:1px;background-color:rgb(211,215,234);content:"";z-index:-1}.product_process .product_process_swiper .swiper-slide::after{width:0px;height:2px;background-color:var(--primary);margin-top:-1px}.product_process .product_process_swiper .swiper-slide.active .order{background-color:var(--primary);border-color:var(--primary);color:rgb(255,255,255);box-shadow:var(--shadow2)}.product_process .product_process_swiper .swiper-slide.active_line::after{width:100%;transition:width linear 4.7s}.product_process .product_process_swiper .swiper-slide:last-child::before,.product_process .product_process_swiper .swiper-slide:last-child::after{display:none}.product_process .product_process_swiper .order{display:inline-flex;align-items:center;justify-content:center;min-width:var(--w);height:var(--w);border-radius:50%;border:1px solid rgb(189,196,214);background-color:rgb(255,255,255);text-align:center;font-size:2.2rem;font-weight:600;transition:0.3s;padding:0px 5px}.product_process .product_process_swiper .info{margin-top:3.4rem}.product_process .product_process_swiper .info h3{font-size:2rem;font-weight:600;color:rgb(22,22,22)}.product_process .product_process_swiper .info p{line-height:2.4rem;color:var(--text);max-width:28.9rem;margin-top:1.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}div.head h2::after{width:40px;margin-top:12px}.product_process{padding:50px 0px;overflow:hidden}.product_process .head h2{font-size:22px}.product_process .product_process_swiper{overflow:unset;margin-top:30px;margin-left:0px;padding:0px}.product_process .product_process_swiper .swiper-slide{padding-right:20px;--w:40px}.product_process .product_process_swiper .order{font-size:14px}.product_process .product_process_swiper .info{margin-top:20px}.product_process .product_process_swiper .info h3{font-size:18px;letter-spacing:unset}.product_process .product_process_swiper .info p{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px}}