*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#f4bd0b;--secondary:#0060c8;--tertiary:#0052b4;--title:#141414;--text:#5a6577;--bg:#f8f9fa;--bg2:#041d45;--btn_radius:0.8rem;--shadow:0 1.5rem 1.5rem rgba(203, 209, 211, 0.55);--shadow2:0 1.5rem 1.5rem rgba(40, 70, 107, 0.55)}html{scroll-behavior:smooth;font-size:clamp(7.5px, 0.520834vw, 10px)}.content{max-width:144rem;margin:0 auto;position:relative}a{color:inherit;cursor:pointer;font-size:inherit;text-decoration:none}.flex{display:flex}.flex_middle{align-items:center}body{font-size:1.6rem;color:var(--title)}.img_bg{position:relative;z-index:2}.img_bg>img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;z-index:-2}.head.white{color:rgb(255,255,255)}.head.white p,.head.white .desc{color:rgba(255,255,255,.85);font-weight:200;letter-spacing:.011rem}.head.bn p,.head.bn .desc{line-height:3rem}.head.bn.white p,.head.bn.white .desc{color:rgba(255,255,255,.85)}.head h1{font-size:6.8rem;line-height:1.08824;font-weight:500;text-transform:uppercase}.head p,.head .desc{font-size:1.8rem;line-height:2.8rem;font-weight:300;color:var(--text)}.page_banner{border-bottom:.5rem solid var(--primary)}.page_banner .flex{min-height:63rem;padding:4rem 0}.page_banner .head{flex:1 1 0%;max-width:68.4rem;width:100%}.page_banner .breadcrumbs{line-height:2rem;min-height:3rem}.page_banner .breadcrumbs span{font-size:1.535rem;color:rgb(0,93,195)}.page_banner .breadcrumbs span span::before{content:"/";color:rgb(255,255,255);display:inline-block;margin:0 .9rem 0 .5rem}.page_banner .breadcrumbs span span:first-child::before{display:none}.page_banner .breadcrumbs span a{color:rgb(255,255,255);transition:0.3s;text-decoration:underline transparent}.page_banner .breadcrumbs span a:hover{color:var(--primary);text-decoration-color:var(--primary)}.page_banner p{max-width:52.2rem;margin-top:2.4rem}.page_banner .head{padding-top:1.1%}@media screen and (min-width:769px) and (max-width:1220px){.content{padding:0 3rem}}@media screen and (min-width:769px) and (max-width:1024px){.content,.swiper_content{max-width:896px}.head h1{font-size:6rem}}@media screen and (min-width:769px) and (max-width:896px){.content,.swiper_content{max-width:768px}.head h1{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){:root{--btn_radius:4px;--shadow:0 10px 10px rgba(203, 209, 211, 0.55);--shadow2:0 10px 10px rgba(40, 70, 107, 0.55)}html{font-size:10px}body{font-size:1.4rem}.content{padding:0 20px}div.head.white p,div.head.white .desc{letter-spacing:unset}div.head.bn p,div.head.bn .desc{line-height:1.5}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}.page_banner .flex{min-height:unset;padding:50px 0}.page_banner .flex .head{padding:0;max-width:400px}.page_banner .breadcrumbs{line-height:20px;min-height:30px}.page_banner .breadcrumbs span{font-size:14px}.page_banner .breadcrumbs span span::before{margin:0 6px}}@media screen and (max-width:576px){.page_banner::before{position:absolute;width:100%;height:100%;top:0;right:0;content:"";background-image:linear-gradient(to left,rgb(6,16,26) -15%,transparent);pointer-events:none;z-index:-1}}.tools_part_vendor .tools_part_box{padding:4rem 0;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:#fff;border:1px solid #f8f8f8;color:#4c4c4c;padding:.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:#fff;padding:.8rem 1.5rem}