:root{--theme_color:#ff9a15;--title_color:#161616}html{font-size:clamp(7.5px,0.52083333vw,10px)}*{margin:0;padding:0;box-sizing:border-box}.product_nav{background-color:rgb(247,247,247)}body>section{position:relative}.content{max-width:144rem;margin:0 auto;position:relative}@media screen and (min-width:768px) and (max-width:1220px){.content{max-width:1000px;padding:0 2rem}}@media screen and (min-width:768px) and (max-width:1024px){.content{padding:0 2rem;max-width:896px}}@media screen and (min-width:768px) and (max-width:896px){.content,.swiper_content{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 20px}}ul{list-style:none}.product_nav ul{display:flex;gap:5.8rem}@media screen and (max-width:768px){.product_nav ul{gap:1.4rem;width:100vw;margin-left:-20px;padding:0 20px;overflow:auto}}.product_nav li:first-child{margin-left:auto}a{color:inherit;font-size:inherit;text-decoration:none}.product_nav li.active a::after{opacity:1}.product_nav a{display:block;font-size:2rem;font-weight:600;color:rgb(22,22,22);text-transform:uppercase;text-wrap:nowrap;padding:2.7rem 0;position:relative;transition:0.3s}.product_nav a:hover::after,.product_nav a.active::after{opacity:1}.product_nav a::after{content:"";display:block;width:100%;height:.4rem;background:var(--theme_color);position:absolute;bottom:0;left:0;opacity:0;transition:0.3s}@media screen and (max-width:768px){.product_nav a{font-size:15px;padding:1rem 0}}@media screen and (max-width:768px){.product_nav a::after{height:3px}}.product_nav li:last-child{margin-right:auto}button,input,textarea{outline:none;border:none;font-family:unset;color:var(--title_color)}input[type="submit"],button{cursor:pointer}.sytech_export_template{display:none}*{margin:0;padding:0;box-sizing:border-box}.content{margin:0 auto;position:relative}html{scroll-behavior:smooth}.flex{display:flex}.wrap{flex-wrap:wrap}.flex1{flex:1}.flex2{flex:2}.flex3{flex:3}.between{justify-content:space-between}.center{text-align:center}.boxshadow{box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff}.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}@media screen and (min-width:786px) and (max-width:1400px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1200px){.content{max-width:1000px}.swiper_content{max-width:1020px}.solution_strength .head p{width:70%}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.swiper_content{max-width:806px}.solution_strength .head p{width:90%}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}:root{--theme_color:#e84a0a}.detail_solution{background:#fffbf0;padding:147px 0}.content{max-width:1220px;margin:0 auto;position:relative}.swiper_content,.content{max-width:1218px;margin:0 auto;position:relative}@media screen and (min-width:786px) and (max-width:1440px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.head h2{font-size:48px;color:var(--theme_color)}.detail_solution h2{font-size:44px;margin-bottom:53px}.container li{padding-left:32px;margin:34px 0;position:relative}.container li::after{content:"";display:block;position:absolute;top:11px;left:4px;width:10px;height:10px;border-radius:50%;background-color:var(--theme_color)}.container strong{font-size:24px;font-weight:600;display:block;margin-bottom:15px}.container p,.container span{font-size:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:rgb(69,69,69)}button,input,textarea{outline:none;border:none;font-family:unset}@media screen and (max-width:786px){.detail_solution{padding:4rem 0}.content{padding:0 1.2rem}.head h2{font-size:22px;line-height:1.5;margin:0}.detail_solution .container{margin-top:1rem}.detail_solution .container li{margin:1rem 0;padding-left:1.25rem}.detail_solution .container li::after{width:6px;height:6px;top:9px}.detail_solution .container li strong{font-size:1rem;line-height:1.5;margin-bottom:8px}.detail_solution .container li p{font-size:.9rem;line-height:1.5rem}}:root{--theme_color:#2cb2e4;--title_color:#161616}.product_manufacturer{padding-top:59px;padding-bottom:85px}@media screen and (max-width:768px){.product_manufacturer{padding:3rem 0}}.content{max-width:1598px;margin:0 auto;position:relative}@media screen and (min-width:768px) and (max-width:1600px){.content{max-width:1440px}}@media screen and (min-width:768px) and (max-width:1440px){.content,.home_process .home_process_thumb_swiper{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}.head h2{font-size:54px;font-weight:700;line-height:81px;text-transform:uppercase;letter-spacing:2px}.fadeInLeft{animation-name:fadeInLeft}@media screen and (min-width:768px) and (max-width:1220px){.head h2{font-size:43px;line-height:1.3}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5;letter-spacing:1px}}@media screen and (max-width:768px){br{display:none}}.head h2 span{color:var(--theme_color)}.flex_middle{align-items:center}.gap{gap:1.25rem}.product_manufacturer .main{margin-top:65px}@media screen and (max-width:768px){.product_manufacturer .main{margin-top:2rem;gap:2rem;flex-direction:column-reverse}}.product_manufacturer .intro{flex:1 1 0%;max-width:712px;position:relative;z-index:2}.product_manufacturer .intro::before{content:"";display:block;width:2px;height:100%;background-color:rgb(220,220,220);z-index:-1;position:absolute;left:1px;top:0}.product_manufacturer .intro .item{padding-left:5%;position:relative;transition:0.3s}.product_manufacturer .intro .item::before{content:"";display:block;width:4px;height:100%;background-color:var(--theme_color);position:absolute;left:0;top:0;transition:0.3s;opacity:0}.product_manufacturer .intro .item.active{margin-bottom:28px}.product_manufacturer .intro .item.active::before{opacity:1}@media screen and (max-width:768px){.product_manufacturer .intro .item{padding-left:20px;margin-bottom:.5rem}}@media screen and (max-width:768px){.product_manufacturer .intro .item.active{margin-bottom:1rem}}.product_manufacturer .intro .item h3{color:rgba(22,22,22,.5);font-size:24px;font-weight:500;line-height:47px;transition:0.3s;cursor:pointer}.product_manufacturer .intro .item.active h3{font-size:36px;font-weight:600;color:var(--title_color)}@media screen and (max-width:768px){.product_manufacturer .intro .item h3{font-size:18px;line-height:1.5}}@media screen and (max-width:768px){.product_manufacturer .intro .item.active h3{font-size:18px}}.product_manufacturer .intro .item p{color:rgb(61,61,61);font-size:18px;line-height:36px;display:none;padding-top:11px;font-weight:500;letter-spacing:-.14px}.product_manufacturer .intro .item:first-child p{display:block}@media screen and (max-width:768px){.product_manufacturer .intro .item p{font-size:14px;line-height:1.6;padding-top:.5rem}}.product_manufacturer .intro .item:last-child{margin-bottom:0}.product_manufacturer .imgs{width:46.9962%;position:relative;transform:translateY(-5px)}@media screen and (max-width:768px){.product_manufacturer .imgs{width:100%}}.product_manufacturer .imgs .syeditorlist{padding-bottom:78.6951%}.product_manufacturer .imgs .img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;border-radius:26px;transition:0.3s;opacity:0;pointer-events:none}.product_manufacturer .imgs .img.active{opacity:1;pointer-events:all;z-index:2}@media screen and (max-width:768px){.product_manufacturer .imgs .img{border-radius:6px}}.product_manufacturer .imgs .img img{width:100%;height:100%;object-fit:cover;vertical-align:top;transition:0.5s}.product_manufacturer .imgs .img:hover img{transform:scale(1.03)}@media screen and (min-width:786px) and (max-width:1440px){.content{padding:0 1.2rem}}@media screen and (min-width:786px) and (max-width:1220px){.content{max-width:1000px}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:786px){.detail_solution{padding:4rem 0}}.product_function{padding-top:59px;padding-bottom:100px}@media screen and (max-width:768px){.product_function{padding:3rem 0 2rem}}@media screen and (min-width:768px) and (max-width:1600px){.content{max-width:1440px}}@media screen and (min-width:768px) and (max-width:1440px){.content,.home_process .home_process_thumb_swiper{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}.product_function .head{margin-bottom:39px}@media screen and (max-width:768px){.product_function .head{margin-bottom:2rem}}@media screen and (min-width:768px) and (max-width:1220px){.head h2{font-size:43px;line-height:1.3}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5;letter-spacing:1px}}.product_function .flex{gap:4.9%}@media screen and (min-width:768px) and (max-width:1024px){.product_function .flex{flex-direction:column;gap:2rem}}@media screen and (max-width:768px){.product_function .flex{flex-direction:column;gap:2rem}}.product_function .left{width:48.1852%}@media screen and (min-width:768px) and (max-width:1024px){.product_function .flex .left{width:85%}}@media screen and (max-width:768px){.product_function .left{width:100%;max-width:unset}}.img.img_cv{overflow:hidden}.product_function .left .img{aspect-ratio:770 / 760;border-radius:13px}@media screen and (max-width:768px){.product_function .left .img{border-radius:6px}}.img.img_cv img{width:100%;height:100%;object-fit:cover;display:block;transition:0.5s}.product_function .left .img:hover img{transform:scale(1.03)}.product_function .right{flex:1 1 0%;max-width:639px}@media screen and (max-width:768px){.product_function .right{width:100%;max-width:unset}}.product_function .right li{display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid rgba(0,0,0,.32);gap:18px 27px;padding-bottom:27px;padding-top:40px}.product_function .right li:first-child{padding-top:0}@media screen and (max-width:768px){.product_function .right li{gap:5px 1rem;padding-bottom:1rem;padding-top:1.2rem}}i{font-style:normal}.product_function .right i{display:block;width:55px;height:55px;background:center center / contain no-repeat;grid-area:span 2}@media screen and (max-width:768px){.product_function .right i{width:42px;height:42px}}.product_function .right strong{font-size:26px;font-weight:700;line-height:34px;margin-top:4px}@media screen and (max-width:768px){.product_function .right strong{font-size:18px;margin-top:0;line-height:1.5}}.product_function .right p{font-size:18px;color:rgb(73,73,73);line-height:28px;font-weight:500;letter-spacing:-1px}@media screen and (max-width:768px){.product_function .right p{font-size:14px;line-height:1.5}}.product_function .right li:last-child{border-bottom:none}.about_company{overflow:hidden;padding:173px 0 308px}@media screen and (max-width:768px){.about_company{padding:3rem 0 4rem}}@media screen and (min-width:768px) and (max-width:1600px){.content{max-width:1440px}}@media screen and (min-width:768px) and (max-width:1440px){.content,.home_process .home_process_thumb_swiper{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}@media screen and (max-width:768px){.about_company .flex{flex-direction:column;gap:2rem}}.about_company .flex .left{flex:1 1 0%;max-width:825px;position:relative;padding-top:1%;z-index:2}@media screen and (max-width:768px){.about_company .left{padding:0}}.about_company .flex .left .bg{width:100%;aspect-ratio:825 / 630;position:absolute;top:-8.5714%;left:-11.1515%;background-color:rgb(233,247,250);z-index:-1;transition:1s;border-radius:16px}@media screen and (max-width:768px){.about_company .left .bg{border-radius:8px}}.about_company .flex .left .img{border-radius:11px;aspect-ratio:825 / 630}@media screen and (max-width:768px){.about_company .left .img{border-radius:8px}}.about_company .flex .left .img:hover img{transform:scale(1.03)}.about_company .flex .right{flex:1 1 0%;max-width:665px}.about_company .flex .right .head h2{font-size:48px;font-weight:700;line-height:72px}@media screen and (min-width:768px) and (max-width:1220px){.head h2{font-size:43px;line-height:1.3}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5;letter-spacing:1px}}@media screen and (max-width:768px){.about_company .flex .right .head h2{font-size:22px;line-height:1.5}}.about_company .flex .right .head .desc{font-size:18px;font-weight:500;color:rgb(61,61,61);line-height:36px;letter-spacing:-.14px;margin-top:15px}@media screen and (max-width:768px){.head .desc{font-size:.9rem;line-height:1.5rem}}@media screen and (max-width:768px){.about_company .flex .right .head .desc{font-size:.9rem;line-height:1.5;margin-top:.5rem}}@media screen and (max-width:768px){.about_company .flex .right .head .desc li+li{margin-top:5px}}.about_company .flex+.flex{margin-top:160px}.about_company .flex:nth-child(2n){flex-direction:row-reverse}@media screen and (max-width:768px){.about_company .flex+.flex{margin-top:4rem}}@media screen and (max-width:768px){.about_company .flex:nth-child(2n){flex-direction:column}}.about_company .flex:nth-child(2n) .left .bg{top:unset;left:unset;bottom:-11.1111%;right:-10.7879%}@media screen and (max-width:768px){.about_company .flex:nth-child(2n) .left .bg{left:-2rem;top:-1.6rem;right:unset;bottom:unset;border-radius:8px}}.about_company .flex:nth-child(2n) .right{max-width:589px}.btn{min-width:239px;font-size:18px;font-weight:700;color:rgb(255,255,255);width:fit-content;background-color:var(--theme_color);border-radius:4px;transition:0.3s;padding:20px 1.5rem;display:block;text-align:center;text-transform:uppercase}.btn:hover{background-color:rgb(19,19,19)}.about_company .flex .right .head .btn{margin-top:50px}@media screen and (max-width:768px){.btn{font-size:14px;padding:.7rem 1rem;line-height:1.5;min-width:unset}}@media screen and (max-width:768px){.about_company .flex .right .head .btn{margin-top:2rem}}.about_service{padding-top:147px;padding-bottom:229px}@media screen and (max-width:768px){.about_service{padding:4rem 0 5rem}}.about_service .content{max-width:1397px;width:calc(100% - 2.4rem)}@media screen and (min-width:768px) and (max-width:1600px){.content{max-width:1440px}}@media screen and (min-width:768px) and (max-width:1440px){.content,.home_process .home_process_thumb_swiper{padding:0 1.2rem;max-width:1220px}}@media screen and (min-width:768px) and (max-width:1220px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:1000px}}@media screen and (min-width:768px) and (max-width:1024px){.content,.swiper_content,.home_process .home_process_thumb_swiper{max-width:768px}}@media screen and (max-width:768px){.content{padding:0 1.2rem}}@media screen and (max-width:768px){.about_service .content{width:100%}}@media screen and (min-width:768px) and (max-width:1220px){.head h2{font-size:43px;line-height:1.3}}@media screen and (max-width:768px){.head h2{font-size:22px;line-height:1.5;letter-spacing:1px}}.about_service .questionlist{width:100%;border-top:1px solid rgb(218,218,218);margin-top:57px}@media screen and (max-width:768px){.about_service .questionlist{margin-top:2rem}}.about_service .questionlist .faq{transition:0.3s;border-bottom:1px solid rgb(218,218,218)}.about_service .questionlist .faq.active{border-color:rgb(36,36,36)}.about_service .questionlist .faq.active .question{padding-bottom:24px}.about_service .questionlist .faq .question{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:2;transition:0.3s;padding:22px 0}@media screen and (max-width:768px){.about_service .questionlist .faq.active .question{padding-bottom:1rem}}@media screen and (max-width:768px){.about_service .questionlist .faq .question{padding:1rem 0}}.about_service .questionlist .faq .question strong{flex:1 1 0%;transition:0.3s;font-size:28px;font-weight:700;color:rgb(51,51,51)}@media screen and (max-width:768px){.about_service .questionlist .faq .question strong{font-size:16px;line-height:1.5}}.about_service .questionlist .faq.active .question span{filter:contrast(1) brightness(1);transform:rotate(180deg)}.about_service .questionlist .faq .question span{display:block;width:14px;height:14px;transition:0.3s;margin-right:0;filter:brightness(0);background:url(https://cdn.hivisen.com/plysupplier/wp-content/plugins/sytech-fronteditor/sytpl/about4_1/assets/img/faqicon.svg) center center / contain no-repeat}@media screen and (max-width:768px){.about_service .questionlist .faq .question span{width:12px;height:12px}}.about_service .questionlist .faq:first-child .answer{display:block}.about_service .questionlist .faq .answer{color:rgb(119,119,119);font-size:17px;line-height:35px;display:none;font-weight:500;padding:0 0 34px;letter-spacing:-.15px;max-width:1255px}@media screen and (max-width:768px){.about_service .questionlist .faq .answer{font-size:.9rem;line-height:1.5;margin-top:0;padding-bottom:1rem}}.about_service .flex{align-items:start;margin-top:52px}@media screen and (max-width:768px){.about_service .flex{margin-top:1.2rem;flex-direction:column;gap:2rem}}.about_service .flex .desc{flex:1 1 0%;max-width:782px;font-size:18px;font-weight:500;color:rgb(61,61,61);line-height:36px}@media screen and (max-width:768px){.about_service .flex p{font-size:13px;line-height:1.5}}.about_service .flex .desc a{color:var(--theme_color);text-decoration:underline}.about_service .flex .btn{min-width:unset;padding:20px 30px;margin-top:12px}@media screen and (max-width:768px){.btn{font-size:14px;padding:.7rem 1rem;line-height:1.5;min-width:unset}}@media screen and (max-width:768px){.about_service .flex .btn{padding:.7rem 1rem;margin-top:0}}