*{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}li{list-style:none}li.swiper-slide{height:auto}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}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-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/home1-home_banner/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%)}.swiper_btns{gap:3.5rem;display:flex}.swiper_btns .btn_prev,.swiper_btns .btn_next{width:5.3rem;cursor:pointer;transition:0.3s;border-radius:50%;border:1px solid var(--primary);background-color:var(--primary)}.swiper_btns .btn_prev::after,.swiper_btns .btn_next::after{content:"";display:block;width:100%;padding-bottom:100%;transition:0.3s;background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home1-home_banner/assets/img/arrow.svg") center center / 29.412% no-repeat;filter:contrast(0) brightness(2)}.swiper_btns .btn_prev:hover,.swiper_btns .btn_next:hover{border-color:var(--title);background-color:var(--title)}.swiper_btns .btn_next::after{transform:rotate(180deg)}.swiper_btns .swiper-button-disabled{pointer-events:none;background-color:rgb(255,255,255);border-color:transparent;box-shadow:var(--shadow)}.swiper_btns .swiper-button-disabled::after{filter:contrast(0) brightness(0)}.swiper_btns:has(.swiper-button-lock){opacity:0}.head h1{text-transform:uppercase;font-size:6.6rem;line-height:1.21212;font-weight:700}.home_banner{position:relative;max-width:256rem;margin:0px auto}.home_banner .home_banner_swiper{overflow:hidden;background-color:var(--title)}.home_banner .home_banner_swiper .swiper-slide{position:relative;overflow:hidden}.home_banner .home_banner_swiper .swiper-slide::before,.home_banner .home_banner_swiper .swiper-slide::after{position:absolute;width:100%;height:95px;left:0px;top:0px;content:"";z-index:2;pointer-events:none;background-image:linear-gradient(rgb(255,255,255) 4px,transparent);opacity:0.74}.home_banner .home_banner_swiper .swiper-slide::after{height:20.8889%;top:unset;bottom:0px;background-image:linear-gradient(to top,rgb(31,42,63) -10%,transparent);opacity:0.75}.home_banner .home_banner_swiper .swiper-slide .head .title,.home_banner .home_banner_swiper .swiper-slide .head .more{transform:translateX(100px);opacity:0;transition:0.8s 0.8s}.home_banner .home_banner_swiper .swiper-slide .head .more{transition:0.8s 0.9s}.home_banner .home_banner_swiper .img{padding-bottom:46.875%}.home_banner .home_banner_swiper .con{position:absolute;inset:0px;z-index:3;padding:13rem 0px}.home_banner .home_banner_swiper .con .content{height:100%;display:flex;align-items:center}.home_banner .home_banner_swiper .swiper-slide-active .head .title,.home_banner .home_banner_swiper .swiper-slide-active .head .more{transform:translateX(0px);opacity:1;transition:0.5s 0.6s}.home_banner .home_banner_swiper .swiper-slide-active .head .more{transition:0.5s 0.7s}.home_banner .head{flex:1 1 0%;width:100%;max-width:72.6rem;padding-bottom:4.7%}.home_banner .head .title{text-transform:uppercase;font-size:7rem;line-height:1.25714;font-weight:700;letter-spacing:0.04rem}.home_banner .head .btn{margin-top:3.6rem}.home_banner .swiper_con{position:absolute;left:0px;right:0px;bottom:6.6rem;z-index:2;pointer-events:none}.home_banner .swiper_con .content{display:flex;align-items:center;gap:3.2rem}.home_banner .swiper_con .pagination,.home_banner .swiper_con .swiper_btns{pointer-events:all}.home_banner .pagination{flex:1 1 0%;max-width:26rem;display:flex;align-items:center;font-size:1.4rem;font-weight:500;color:rgb(255,255,255)}.home_banner .pagination:has(.swiper-pagination-lock){opacity:0}.home_banner .pagination div.swiper-pagination-progressbar{position:static;flex:1 1 0%;width:100%;max-width:19.1rem;height:2px;background:rgba(255,255,255,0.4);pointer-events:all;margin:0px 1.7rem 0px 2.1rem}.home_banner .pagination div.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:rgb(255,255,255)}.home_banner .pagination div.swiper-pagination-progressbar.swiper-pagination-lock{display:block;opacity:0}.home_banner .swiper_btns{gap:1.9rem}.home_banner .swiper_btns div{border-color:rgba(255,255,255,0.4);background-color:transparent;border-width:2px;width:3.6rem}.home_banner .swiper_btns div::after{background-image:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home1-home_banner/assets/img/home-bn-arrow.svg")}.home_banner .swiper_btns div:hover{border-color:var(--primary);background-color:var(--primary)}.home_banner .swiper_btns .swiper-button-disabled{border-color:rgba(255,255,255,0.4)}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}.head h1{font-size:6rem}.home_banner .head{padding:0px}.home_banner .head .title{font-size:6.3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.head h1{font-size:5rem}.home_banner .head .title{font-size:5rem}.home_banner .swiper_con{bottom:3rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.home_banner .head .title{font-size:4.2rem}.home_banner .head .btn{margin-top:2rem}}@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,.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}.swiper_btns{gap:20px}.swiper_btns .btn_prev,.swiper_btns .btn_next{width:40px}div.head h1{font-size:25px;line-height:1.3;letter-spacing:unset;max-width:unset}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}.home_banner .home_banner_swiper .con{padding:40px 0px 60px}.home_banner .head{padding:0px;max-width:400px}.home_banner .head .title{font-size:25px;line-height:1.3;letter-spacing:unset}.home_banner .head .btn{margin-top:20px}.home_banner .swiper_con{bottom:20px}.home_banner .swiper_con .content{gap:20px}.home_banner .swiper_con .pagination{font-size:14px;gap:16px;max-width:200px}.home_banner .swiper_con .pagination div.swiper-pagination-progressbar{margin:0px}.home_banner .swiper_con .swiper_btns{gap:16px}.home_banner .swiper_con .swiper_btns div{width:32px}}@media screen and (max-width:576px){.home_banner .home_banner_swiper .con{position:static;color:rgb(255,255,255);padding-bottom:80px}}.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}i,em{font-style:normal}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_top{align-items:flex-start}.Montserrat{}.gap{gap:3rem}.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.white{color:rgb(255,255,255)}.head.white .line::before,.head.white.line::before{background-color:rgb(255,255,255)}.head.white .subtitle{color:rgba(255,255,255,0.85)}.head.white h2::after{background-color:rgb(255,255,255)}.head .line,.head.line{position:relative;padding-left:2.7rem;text-transform:uppercase}.head .line::before,.head.line::before{position:absolute;top:1px;left:0px;bottom:0.6rem;width:2px;background-color:var(--primary);content:""}.head .line h2::after,.head.line h2::after{display:none}.head .subtitle{text-transform:uppercase;font-size:1.8rem;font-weight:500;color:var(--primary);margin-bottom:1.1rem}.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}.home_about{overflow:hidden;background-image:linear-gradient( rgb(4,4,87) 4.92%,rgb(35,47,132) 59.36%,rgb(29,39,124) 75.1%,rgb(4,4,87) 91.29% );padding:14rem 0px 36.7rem}.home_about .flex{gap:2rem 0px}.home_about .head .subtitle{margin-bottom:2.1rem}.home_about .lt{flex:1 1 0%;width:100%;max-width:69.4rem;padding-top:1.3%}.home_about .nums{color:rgb(255,255,255);max-width:59.5rem;margin-top:4.1rem}.home_about .nums li + li{border-top:1px solid rgba(255,255,255,0.2)}.home_about .nums li{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:2rem;padding:2.2rem 0px 2.5rem}.home_about .nums strong{font-size:5.5rem;font-weight:500}.home_about .nums p{font-size:1.8rem;opacity:0.75;margin-top:0.4rem}.home_about .img{width:66.4286%;--h:69.89247312%;margin-right:-15.2857%}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}.home_about .flex{align-items:center}.home_about .img{width:50%;margin-right:0px}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.head h2{font-size:4rem}.home_about .nums strong{font-size:4rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}div.head .line,div.head.line{padding-left:14px}div.head .line::before,div.head.line::before{top:0px;bottom:0px}div.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:unset}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}.home_about{padding:50px 0px 80px}.home_about .flex{align-items:center;gap:20px}.home_about .head .subtitle{margin-bottom:8px}.home_about .lt{padding:0px}.home_about .nums{margin-top:20px}.home_about .nums li{padding:14px 0px;gap:14px}.home_about .nums strong{font-size:26px}.home_about .nums p{font-size:14px;margin-top:0px}.home_about .img{width:50%;margin:0px}}@media screen and (max-width:576px){.home_about .img{width:100%;order:-1}}.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/home4-home_manufacture/assets/img/arrow-r.svg") center center / contain no-repeat}.head p,.head .desc{font-size:1.8rem;line-height:2.6rem;color:var(--text)}.home_manufacture{padding-bottom:9.8rem}.home_manufacture .video{border-radius:1.7rem;cursor:pointer;--h:41.72523962%;margin:-32.6rem -5.89286% 0px}.home_manufacture .video video,.home_manufacture .video img,.home_manufacture .video iframe,.home_manufacture .video div:not(.btn_play){width:100%;height:100%;display:block;object-fit:cover;position:absolute;left:0px;top:0px}.home_manufacture .video .btn_play{position:absolute;width:6.8rem;height:6.8rem;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);border-radius:50%;background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home4-home_manufacture/assets/img/play.svg") left 55% center / 23.53% no-repeat rgb(255,255,255);transition:0.4s,opacity 0.3s;cursor:pointer}.home_manufacture .video .btn_play:hover{transform:translate(-50%,-50%) scale(1.1)}.home_manufacture .video.active .btn_play{opacity:0}.home_manufacture .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem;margin-top:6.2rem}.home_manufacture .head .lt{width:45%;max-width:55.7rem}.home_manufacture .head h2{font-size:4.2rem;line-height:1.21429;font-weight:500;color:var(--primary);letter-spacing:0.037rem}.home_manufacture .head h2::after{display:none}.home_manufacture .head h3{font-size:2.2rem;font-weight:500;margin-top:1.3rem;letter-spacing:0.005rem}.home_manufacture .btn{margin-top:5.5rem}.home_manufacture .desc{hyphens:auto;flex:1 1 0%;max-width:74.4rem;margin-top:0.3rem}.home_manufacture p + p{margin-top:2.6rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}.home_manufacture .video{margin-right:0px;margin-left:0px}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.head h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 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 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 p + p{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}.home_manufacture{padding-bottom:50px}.home_manufacture .video{border-radius:10px;margin:-30px 0px 0px}.home_manufacture .video .btn_play{width:40px;height:40px}.home_manufacture .head{margin-top:20px;gap:12px}.home_manufacture .head h2{font-size:22px;line-height:1.3;letter-spacing:unset}.home_manufacture .head h3{font-size:18px;letter-spacing:unset;margin-top:10px}.home_manufacture .head .desc{margin-top:0px}}@media screen and (max-width:576px){.home_manufacture .head{display:block}.home_manufacture .head .lt{width:100%}.home_manufacture .head .desc{margin-top:22px}}.home_manufacture input{padding:8px;width:80%;margin-top:20px;display:none;background-color:#fff;border:1px solid rgba(0,0,0,0.5)}.toplevel_page_sytech_fronteditor .home_manufacture input{display:block}.flex_center{justify-content:center}.home_advantages{background-color:var(--bg);overflow:hidden}.home_advantages .flex{max-width:192rem;margin:0px auto;gap:2rem 4.32292%}.home_advantages .lt{align-self:center;width:45.6771%;padding:8.7rem 0px 4rem 2rem;max-width:87.7rem}.home_advantages .rt{width:50%;max-width:96rem}.home_advantages .head,.home_advantages .items{max-width:61.5rem;margin-left:auto}.home_advantages .home_advantages_swiper{overflow:hidden;height:100%}.home_advantages .home_advantages_swiper .img{padding-bottom:88.5417%}.home_advantages .home_advantages_swiper .img:hover img{transform:scale(1.02)}.home_advantages .items{margin-top:5rem}.home_advantages .items > div{counter-reset:num 0}.home_advantages .items .item.active .title{font-size:3rem;color:var(--primary);padding-top:2.5rem}.home_advantages .items .item.active .title::before{top:3.3rem}.home_advantages .items .item:nth-child(-n + 9) .title::before{content:"0" counter(num)}.home_advantages .items .title{position:relative;cursor:pointer;transition:0.3s;border-top:1px solid rgb(219,219,219);font-size:2.8rem;font-weight:500;padding:1.2rem 0px 2.1rem 7.1rem}.home_advantages .items .title::before{position:absolute;left:0px;top:1.8rem;font-size:2.2rem;font-weight:500;color:var(--primary);counter-increment:num 1;content:counter(num);transition:0.3s}.home_advantages .items .desc{display:none;font-size:1.8rem;line-height:2.6rem;color:var(--text);padding:2px 0px 2.9rem 7.1rem}.home_advantages .items .desc p,.home_advantages .items .desc ul{max-width:51.1rem}.home_advantages .items .desc ul{margin-top:1.2rem}.home_advantages .items .desc ul li + li{margin-top:0.6rem}.home_advantages .items .desc ul li{position:relative;padding-left:2.2rem}.home_advantages .items .desc ul li::before{position:absolute;left:0px;top:0.8rem;content:"";border-radius:50%;background-color:var(--primary);width:0.7rem;height:0.7rem}.home_advantages .items .desc ul strong{font-weight:500;color:var(--title)}@media screen and (min-width:769px) and (max-width:1024px){.head h2{font-size:4rem}}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}div.head .line,div.head.line{padding-left:14px}div.head .line::before,div.head.line::before{top:0px;bottom:0px}div.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:unset}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}.home_advantages .lt{padding:20px}.home_advantages .items{margin-top:20px}.home_advantages .items .item.active .title{padding-top:14px;font-size:18px}.home_advantages .items .item.active .title::before{top:16px}.home_advantages .items .title{font-size:18px;padding:14px 0px 14px 40px}.home_advantages .items .title::before{font-size:16px;top:16px}.home_advantages .items .desc{padding:0px 0px 20px 40px;font-size:14px;line-height:1.5}.home_advantages .items .desc ul{margin-top:10px}.home_advantages .items .desc ul li + li{margin-top:5px}.home_advantages .items .desc ul li{padding-left:20px}.home_advantages .items .desc ul li::before{width:5px;height:5px;top:8px}}@media screen and (max-width:576px){.home_advantages .rt{width:100%;order:-1}.home_advantages .lt{align-self:unset;width:100%}}.icon img{display:block;object-fit:contain;width:100%;height:100%;transition:0.3s}.btn_line{display:inline-flex;align-items:center;cursor:pointer;transition:0.3s;border-radius:100px;background-color:transparent;border:1px solid var(--title);color:var(--title);font-size:1.8rem;font-weight:600;line-height:5.7rem;gap:1.6rem;padding:0px 3.1rem;letter-spacing:0.01rem}.btn_line::after{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;transition:0.3s;filter:contrast(0) brightness(0);background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home6-home_certified/assets/img/arrow-r.svg") center center / contain no-repeat}.btn_line:hover{background-color:var(--primary);border-color:var(--primary);color:rgb(255,255,255)}.btn_line:hover::after{filter:contrast(0) brightness(2);transform:translateX(20%)}.certify_item{display:block;height:100%;border-radius:2.6rem;background-color:var(--bg);padding:8.6rem 3rem 2.4rem}.certify_item .icon{width:10rem;height:10rem;margin:0px auto}.certify_item .title{font-size:2.4rem;font-weight:500;color:rgb(26,26,46);text-align:center;margin-top:6.4rem}.home_certified{overflow:hidden;padding:16.1rem 0px 9.5rem}.home_certified .head{width:26%;flex-shrink:0;display:flex;flex-direction:column;padding:1px 0px 0.3rem}.home_certified .head .line{margin-bottom:auto}.home_certified .head .subtitle{margin-bottom:1.2rem}.home_certified .btn_line{margin-top:3rem}.home_certified .rt{min-width:100vw;align-self:center}.home_certified .home_certified_swiper{overflow:hidden;max-width:141.8rem}.home_certified .home_certified_swiper .swiper-slide{max-width:26.4rem;transform:translateX(100%) scale3d(0.3,0.3,0.3);opacity:0;transition:opacity 0.3s,transform 0.4s}.home_certified .home_certified_swiper .swiper-slide-active{transform:translateX(0px);opacity:1}.home_certified .home_certified_swiper .swiper-slide-active ~ .swiper-slide{transform:translateX(0px);opacity:1}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 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_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 .line,div.head.line{padding-left:14px}div.head .line::before,div.head.line::before{top:0px;bottom:0px}div.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:unset}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 .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}.certify_item{border-radius:10px;padding:30px 20px}.certify_item .icon{width:70px;height:70px}.certify_item .title{margin-top:22px;font-size:18px}.home_certified{padding:50px 0px}.home_certified .flex{display:block}.home_certified .head{width:100%;flex-flow:wrap;justify-content:space-between;align-items:flex-end;padding:0px;gap:20px}.home_certified .head .subtitle{margin-bottom:8px}.home_certified .head .btn_line{margin:0px}.home_certified .rt{min-width:unset;align-self:unset}.home_certified .home_certified_swiper{overflow:unset;margin-top:30px}.home_certified .home_certified_swiper .swiper-slide{transform:scale(1);opacity:1;max-width:180px}}.btn_line::after{display:inline-block;content:"";flex-shrink:0;width:1.5rem;height:1.5rem;transition:0.3s;filter:contrast(0) brightness(0);background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home7-home_cases/assets/img/arrow-r.svg") center center / contain no-repeat}.btn_circle{display:inline-block;cursor:pointer;transition:0.3s;border-radius:50%;background-color:var(--primary);width:5.3rem}.btn_circle::after{display:block;padding-bottom:100%;content:"";background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/home7-home_cases/assets/img/arrow-r.svg") center center / 28.3% no-repeat;transition:0.3s;filter:contrast(0) brightness(2)}.btn_circle:hover{transform:scale(1.1)}.btn_circle:hover::after{transform:rotate(90deg)}.home_cases{padding:9.6rem 0px 11.3rem}.home_cases .head{gap:0px 2rem}.home_cases .head .line{width:100%}.home_cases .btn_line{margin-top:-1px}.home_cases p{margin-top:3.1rem}.home_cases .list{margin-top:4.7rem}.home_cases .list ul{display:grid;grid-template-columns:1fr 1fr;gap:3rem 2.85714%}.home_cases .list .active .item .text{transform:translateY(0px)}.home_cases .list .active .item .text .desc{opacity:1}.home_cases .list .active .item .btn_circle{background-color:rgb(255,255,255)}.home_cases .list .active .item .btn_circle::after{filter:unset}.home_cases .list .active .item .img::before{opacity:0}.home_cases .list .active .item .img::after{opacity:1}.home_cases .item{display:block;position:relative;overflow:hidden;border-radius:1.6rem}.home_cases .item:hover img{transform:scale(1.02)}.home_cases .item .img{padding-bottom:51.4706%}.home_cases .item .img::before,.home_cases .item .img::after{position:absolute;width:100%;height:26.6%;left:0px;bottom:0px;content:"";pointer-events:none;z-index:2;background-image:linear-gradient(to top,var(--title) 5.4%,transparent);opacity:0.81;transition:0.3s}.home_cases .item .img::after{height:100%;background-image:linear-gradient( to right,rgba(1,0,128,0.94),transparent );opacity:0}.home_cases .item .info{position:absolute;left:0px;right:0px;bottom:0px;z-index:2;display:flex;max-height:100%;gap:2rem;padding:3.97059% 5.88235% 3.97059% 5.73529%}.home_cases .item .text{flex:1 1 0%;color:rgb(255,255,255);transition:0.4s;transform:translateY(calc(100% - var(--h)));padding-bottom:0.8rem;overflow-y:auto;padding-right:1rem}.home_cases .item .text .title{font-size:3.4rem;font-weight:600;padding-bottom:0.8rem;letter-spacing:0.02rem}.home_cases .item .text .desc{font-size:2rem;line-height:3rem;color:rgba(255,255,255,0.85);max-width:46.2rem;transition:0.3s;opacity:0;margin-top:1rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.home_cases .item .btn_circle{flex-shrink:0;align-self:flex-end}@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}.btn_circle{width:40px}div.head .line,div.head.line{padding-left:14px}div.head .line::before,div.head.line::before{top:0px;bottom:0px}div.head.flex .btn,div.head.flex .btn_line,div.head.flex .btn_w{margin:0px}div.head .subtitle{font-size:14px;line-height:1.5;margin-bottom:8px;letter-spacing:unset}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}.home_cases{padding:50px 0px}.home_cases .head{gap:20px;align-items:center}.home_cases .head p{margin:0px}.home_cases .list{margin-top:30px}.home_cases .list ul{width:calc(100% + 40px);margin:0px -20px;padding:0px 20px;display:flex;overflow-x:auto}.home_cases .list ul::-webkit-scrollbar{display:none}.home_cases .list ul li{flex:0 0 320px}.home_cases .item{border-radius:10px}.home_cases .item .img::before{height:100%}.home_cases .item .info{padding:20px;gap:10px}.home_cases .item .info .text{padding-bottom:0px;transform:translateY(0px)}.home_cases .item .info .title{font-size:18px;letter-spacing:unset;padding:0px}.home_cases .item .info .desc{font-size:14px;line-height:1.5;letter-spacing:unset;margin-top:10px;opacity:1}}