*{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}body{font-size:1.6rem;color:var(--title)}.img.img_cv{overflow:hidden}.img.img_cv img{object-fit:cover}.img img{width:100%;height:100%;display:block;transition:0.5s;aspect-ratio:inherit}.head h1{text-transform:uppercase;font-size:6.6rem;line-height:1.21212;font-weight:700}.page_banner{position:relative;max-width:256rem;margin:0px auto}.page_banner .bg{width:100%;height:auto}.page_banner .con{position:absolute;inset:0px;z-index:2}.page_banner .con .content{height:100%;display:flex;align-items:center}.page_banner .head{flex:1 1 0%;width:100%;padding-bottom:5%;max-width:60rem}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0px 3rem}.head h1{font-size:6rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.head h1{font-size:5rem}}@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}div.head h1{font-size:25px;line-height:1.3;letter-spacing:unset;max-width:unset}.page_banner .con .head{padding:0px;max-width:370px}}@media screen and (max-width:576px){.page_banner .con{position:static;padding:20px 0px;background-color:var(--bg)}}.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}li{list-style:none}li.swiper-slide{height:auto}i,em{font-style:normal}.flex{display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.flex_top{align-items:flex-start}.flex_middle{align-items:center}.gap{gap:3rem}.img.img_ab{position:relative}.img.img_ab img{position:absolute;left:0px;top:0px}.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)}.qc_system{padding:4.2rem 0px 7.1rem}.qc_system .head h2{line-height:1.16;max-width:62.3rem}.qc_system .head h2::after{margin-top:2.3rem}.qc_system p{max-width:68.2rem;hyphens:auto;margin-top:3.6rem;letter-spacing:0.003rem}.qc_system .main{margin-top:6.8rem}.qc_system .main .lt{width:66.0714%}.qc_system .main .rt{flex:1 1 0%;width:100%;max-width:36.9rem;padding-top:0.6%}.qc_system .qc_system_swiper{overflow:hidden;border-radius:1.6rem}.qc_system .qc_system_swiper .img{padding-bottom:60.8649%}.qc_system .qc_system_swiper .img:hover img{transform:scale(1.02)}.qc_system .items{--w:6.9rem}.qc_system .items .item{position:relative;display:grid;grid-template-columns:var(--w) 1fr;align-items:start;font-size:2rem;font-weight:600;gap:5rem;padding-bottom:4.3rem}.qc_system .items .item:last-child{padding-bottom:0px}.qc_system .items .item:last-child::before,.qc_system .items .item:last-child::after{display:none}.qc_system .items .item::before,.qc_system .items .item::after{position:absolute;width:1px;height:100%;left:calc(var(--w) / 2);top:0px;content:"";background-color:rgb(211,215,234);z-index:-1}.qc_system .items .item::after{height:0px;width:2px;margin-left:-1px;background-color:var(--primary)}.qc_system .items .item.active i{background-color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow2)}.qc_system .items .item.active i::after{filter:contrast(0) brightness(2)}.qc_system .items .item.active_line::after{height:100%;transition:height 3s linear}.qc_system .items i{display:block;border-radius:50%;border:1px solid rgb(189,196,214);background-color:rgb(255,255,255);transition:0.3s}.qc_system .items i::after{display:block;padding-bottom:100%;content:"";background:url("https://jshp.sytech.site/wp-content/plugins/sytech-fronteditor/sytpl/qc3-qc_system/assets/img/gou.svg") center center / 31% no-repeat;transition:0.3s}.qc_system .items span{margin-top:2.1rem}@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 (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap: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}div.head .desc,div.head p{font-size:14px;line-height:1.5;letter-spacing:unset;max-width:unset;margin-top:12px}.qc_system{padding:30px 0px 50px}.qc_system .head h2{line-height:1.3}.qc_system .head h2::after{margin-top:12px}.qc_system .main{margin-top:30px}.qc_system .main .lt{width:50%}.qc_system .main .rt{padding:0px}.qc_system .qc_system_swiper{border-radius:10px}.qc_system .items{--w:40px}.qc_system .items .item{gap:16px;padding-bottom:20px;font-size:14px}.qc_system .items span{margin-top:10px}}@media screen and (max-width:576px){.qc_system .main .lt{width:100%}}.swiper_box{position:relative}.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/qc4-qc_certifications/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}.swiper_btns.middle{width:98%;max-width:160.8rem;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}.qc_certifications{padding:7.2rem 0px 8.4rem}.qc_certifications .head h2::after{margin-top:1.8rem}.qc_certifications p{max-width:66.7rem;hyphens:auto;letter-spacing:0.003rem;margin-top:1.7rem}.qc_certifications .qc_certifications_swiper{overflow:hidden;border-radius:1rem;margin-top:5.7rem}.qc_certifications .qc_certifications_swiper .swiper-slide{max-width:301px}.qc_certifications .qc_certifications_swiper .img{border-radius:1rem;border:1px solid var(--border);background-color:var(--bg);padding-bottom:127.467%}.qc_certifications .qc_certifications_swiper .img img{width:90.301%;height:92.5274%;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgb(31,29,32)}.qc_certifications .qc_certifications_swiper .title{text-align:center;font-size:2.2rem;font-weight:500;color:rgb(26,26,46);margin-top:2.2rem;letter-spacing:0.01rem}.qc_certifications .swiper_btns.middle{top:45.5%}.qc_certifications .swiper_btns.middle .swiper-button-disabled{border-color:var(--border)}@media screen and (max-width:768px){html{font-size:10px}body{font-size:1.4rem}.content{padding:0px 20px}.gap{gap:20px}.swiper_btns{gap:20px}.swiper_btns .btn_prev,.swiper_btns .btn_next{width:40px}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}.qc_certifications{padding:50px 0px;overflow:hidden}.qc_certifications .head h2::after{margin-top:12px}.qc_certifications .qc_certifications_swiper{overflow:unset;margin-top:30px}.qc_certifications .qc_certifications_swiper .swiper-slide{max-width:170px}.qc_certifications .qc_certifications_swiper .title{font-size:18px;letter-spacing:unset;margin-top:16px}}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.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}.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/qc5-qc_oem/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%)}.qc_oem{padding:8.4rem 0px 16.2rem}.qc_oem .head h2{line-height:1.16;max-width:71.1rem}.qc_oem .head h2::after{margin-top:4rem}.qc_oem .flex{margin-top:6.3rem}.qc_oem .img{border-radius:1.6rem;width:54.6429%;--h:65.22875817%}.qc_oem .img:hover img{transform:scale(1.02)}.qc_oem .img + .info{max-width:53.6rem}.qc_oem .info{flex:1 1 0%;width:100%;font-size:1.8rem;line-height:2.6rem;color:var(--text);padding-bottom:0.8%}.qc_oem .info ul{margin-top:3.4rem}.qc_oem .info ul li + li{margin-top:0.6rem}.qc_oem .info ul li{position:relative;padding-left:2.2rem}.qc_oem .info ul li::before{position:absolute;width:0.7rem;height:0.7rem;border-radius:50%;background-color:var(--primary);content:"";left:0px;top:0.8rem}.qc_oem .info .btn{margin-top:4.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 h2{font-size:22px;line-height:1.3;letter-spacing:unset;max-width:unset}div.head h2::after{width:40px;margin-top:12px}.qc_oem{padding:50px 0px}.qc_oem .head h2{line-height:1.3}.qc_oem .head h2::after{margin-top:12px}.qc_oem .flex{margin-top:30px}.qc_oem .img{width:50%;border-radius:10px}.qc_oem .info{font-size:14px;line-height:1.5;padding:0px}.qc_oem .info ul{margin-top:12px}.qc_oem .info ul li + li{margin-top:5px}.qc_oem .info ul li{padding-left:20px}.qc_oem .info ul li::before{width:6px;height:6px;top:8px}.qc_oem .info .btn{margin-top:20px}}@media screen and (max-width:576px){.qc_oem .img{width:100%;order:-1}}