*{margin:0;padding:0;box-sizing:border-box}.content{max-width:1220px;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 (max-width:786px){.content{padding:0 1.2rem}}@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%}}:root{--theme_color:#0057b8;--subtheme_color:#004589;--title_color:#242424;--content_color:#757575}*{margin:0;padding:0;box-sizing:border-box}.largecontent{max-width:100%;padding:0 4rem}.vertical{display:flex;flex-direction:column;justify-content:center}.head span{color:var(--theme_color);line-height:26px;text-transform:uppercase}.head h2{font-size:44px;font-weight:600;line-height:60px;color:var(--title_color)}ul{list-style:none}a{color:#1c232f;text-decoration:none;font-size:1rem}button,input{outline:none;border:none;font-family:unset}button{cursor:pointer}.flex_end{justify-content:flex-end}.flex_top{align-items:flex-start}.flex_bottom{align-items:flex-end}.only_mobile{display:none}.button{background-color:var(--theme_color);color:#fff;font-weight:500;display:block;text-align:center;transition:all 0.3s;cursor:pointer}.button:hover{background-color:var(--subtheme_color)}body>section{position:relative}.products_attr{padding-top:170px}.products_attr .main>ul{display:grid;align-items:flex-start;gap:30px 2.2%;grid-template-columns:repeat(3,1fr)}.products_attr .main>ul>li{padding:0 1.2rem 35px;text-align:left;border-radius:5px;transition:all 0.4s;position:relative;top:0;display:flex}.products_attr .main>ul>li:hover .img{background-color:var(--theme_color);box-shadow:0 0 1px 1px rgba(0,0,0,.2);transform:scale(1.05)}.products_attr .main>ul>li:hover .img img{filter:contrast(0) brightness(20)}.products_attr .main>ul>li .img{width:60px;height:60px;border-radius:50%;min-width:60px;display:flex;align-items:center;justify-content:center;transition:all 0.3s;margin:0;margin-right:20px;background-color:rgb(228,231,234);box-shadow:0 0 1px 1px rgba(0,0,0,.1);border:4px solid #fff}.products_attr .main>ul>li>div:nth-of-type(2){flex:1}.products_attr .main>ul>li .img img{width:50%;height:50%;object-fit:contain}.products_attr .main>ul>li strong{font-size:20px;font-weight:500;color:var(--title_color);line-height:30px;margin-top:-5px}.products_attr .main>ul>li ul{padding-top:10px;overflow:hidden;transition:all 0.4s}.products_attr .main>ul>li ul.arrow{position:relative;cursor:pointer}.products_attr .main>ul>li ul.arrow:after{content:"";width:13px;height:13px;left:90%;bottom:0;position:absolute;background:url(../svg/selectmovf33.svg) no-repeat center/contain}.products_attr .main>ul>li ul li{font-size:15px;color:#6b6b6b;margin-bottom:6px;display:inline-block}.toplevel_page_sytech_fronteditor .products_attr .main>ul>li ul li{display:block}.products_attr .main>ul>li ul li.arrow{cursor:pointer;position:relative;display:inline-block}.products_attr .main>ul>li ul li:last-child{margin-bottom:0}@media screen and (max-width:786px){.head span{font-size:14px}.head .subtitle{font-size:15px}.content{padding:0 1.2rem}.head span{font-size:14px}.head h1{font-size:25px;line-height:1.5}.head h2{font-size:22px;line-height:1.5;padding-top:0.5rem!important}.head p{font-size:.9rem;line-height:1.5rem}.button,.button_more{width:100px!important;height:36px!important;line-height:36px!important;font-size:14px!important}.button_more{line-height:36px!important}.products_attr{padding:50px 0}.products_attr .main>ul{gap:1rem;display:flex;padding-top:1.5rem;overflow:scroll}.products_attr .main>ul>li{min-width:70%;padding-bottom:1.2rem}.products_attr .main>ul>li:hover{box-shadow:none;top:0}.products_attr .main>ul>li .img{width:3rem;height:3rem}.products_attr .main>ul>li strong{font-size:1rem;line-height:1.5}.products_attr .main>ul>li ul{padding-top:.5rem}.products_attr .main>ul>li ul li{font-size:13px;line-height:1.5;margin-bottom:5px}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}.home_category .main ul li .info{left:1rem}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.head p{font-size:17px;line-height:30px;color:var(--content_color)}.product_right{padding-top:90px}.product_right h2{color:var(--title_color);font-size:38px;font-weight:600;line-height:58px}.product_right p{color:#5b5b5b;font-size:18px;line-height:30px;padding-top:2rem}.product_right .img{width:50%;height:auto;max-height:450px}.product_right .img img{width:100%;height:auto;display:block;object-fit:cover}.product_right .info{width:50%;padding-left:7.7869%;padding-right:10px;position:relative;top:-30px}.flex_middle{align-items:center}@media screen and (max-width:786px){.head span{font-size:14px}.product_right{overflow:hidden;padding:50px 0 0}.product_right .flex{flex-wrap:wrap}.product_right .img{width:100%;height:220px}.product_right .img img{height:100%}.product_right .info{top:0;width:100%;padding:20px 0 0}.product_right .info h2{font-size:20px;line-height:1.5}.product_right .info p{padding-top:.5rem;font-size:.9rem;line-height: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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.product_left{padding-top:90px}.product_left h2{color:var(--title_color);font-size:38px;font-weight:600;line-height:58px}.product_left p{color:#5b5b5b;font-size:18px;line-height:30px;padding-top:2rem}.product_left .img{width:50%;height:auto;max-height:450px}.product_left .img img{width:100%;height:auto;display:block;object-fit:cover}.product_left .info{width:50%;position:relative;top:-20px;padding-right:8.2%}@media screen and (max-width:786px){.head span{font-size:14px}.product_left{overflow:hidden;padding:50px 0 0}.product_left .flex{flex-wrap:wrap}.product_left .img{width:100%;height:220px}.product_left .img img{height:100%}.product_left .info{order:2;top:0;width:100%;padding:20px 0 0}.product_left .info h2{font-size:20px;line-height:1.5}.product_left .info p{padding-top:.5rem;font-size:.9rem;line-height: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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.product_right li{font-size:17px;color:#5b5b5b;margin-top:1rem;margin-left:20px;line-height:1.5;list-style:disc}@media screen and (max-width:786px){.head span{font-size:14px}.product_right li{font-size:.9rem}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.swiper_content{max-width:1240px;margin:0 auto;position:relative;padding:10px;overflow:hidden}.about_service{padding-top:180px}.about_service .head div{flex:1;padding-right:6%}.about_service .head h2{padding-top:15px}.about_service .head p{width:45.3%;padding-bottom:10px}.about_service .about_service_swiper_box{position:relative;margin:90px 0 70px}.about_service .about_service_swiper_box .swiper_btns{width:72.465%}.about_service .about_service_swiper_box .swiper_btns div{width:1rem;height:30px}.about_service .about_service_swiper_box .swiper-pagination{left:50%;transform:translateX(-50%);bottom:-70px}.about_service .about_service_swiper_box .swiper-pagination .swiper-pagination-bullet{width:13px;height:13px;opacity:1;border-radius:50%;border:1px solid rgba(0,0,0,.3);background-color:transparent;margin:0 8px}.about_service .about_service_swiper_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--theme_color);border-color:var(--theme_color)}.about_service .about_service_swiper li{box-shadow:0 0 15px rgba(0,0,0,.1);border-bottom:5px solid var(--theme_color);display:block;height:380px;padding:55px 35px;overflow:hidden;transition:all 0.3s}.about_service .about_service_swiper li:hover{background-color:var(--theme_color)}.about_service .about_service_swiper li:hover .img{filter:contrast(0) brightness(20)}.about_service .about_service_swiper li:hover h3,.about_service .about_service_swiper li:hover p,.about_service .about_service_swiper li:hover strong{color:#fff}.about_service .about_service_swiper li:hover strong{padding-right:35px}.about_service .about_service_swiper li:hover strong::after{filter:contrast(0) brightness(20)}.about_service .about_service_swiper .img{width:58px;height:58px}.about_service .about_service_swiper .img img{width:100%;height:100%;object-fit:contain}.about_service .about_service_swiper h3{color:#1d1d1d;font-size:24px;font-weight:600;line-height:31px;margin:30px 0 20px;transition:all 0.3s;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.about_service .about_service_swiper p{color:gray;line-height:26px;margin-bottom:46px;transition:all 0.3s;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.about_service .about_service_swiper strong{font-size:1rem;font-weight:600;color:var(--theme_color);transition:all 0.3s;position:relative;padding-right:25px}.about_service .about_service_swiper strong::after{content:'';display:block;width:15px;height:8px;background:url(../svg/right-line-bluevkt1wv.svg) no-repeat center / contain;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media screen and (max-width:786px){.head span{font-size:14px}.about_service .head p{width:100%;padding-top:.5rem;padding-bottom:0}.about_service{padding:5rem 0 50px}.about_service .head{display:block}.about_service .head div{padding:0}.about_service .about_service_swiper_box{margin:30px 0}.about_service .about_service_swiper_box .swiper_btns{display:none}.about_service .about_service_swiper_box .swiper-pagination{bottom:-30px}.about_service .about_service_swiper_box .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px}.about_service .about_service_swiper a{padding:2rem 1rem;height:auto}.about_service .about_service_swiper .img{width:2.5rem;height:2.5rem}.about_service .about_service_swiper h3{font-size:1rem;line-height:1.5;margin:1rem 0 .5rem}.about_service .about_service_swiper p{font-size:.9rem;line-height:1.5rem;margin-bottom:1rem}.about_service .about_service_swiper strong{font-size:14px}.about_service .about_service_swiper li{height:auto;min-height:363px}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}.product_left li{color:#5b5b5b;font-size:17px;list-style:disc;line-height:1.5;margin-top:1rem;margin-left:1.2rem}@media screen and (max-width:786px){.head span{font-size:14px}.product_left li{font-size:.9rem}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:786px){.head span{font-size:14px}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}@media screen and (max-width:786px){.content{padding:0 1.2rem}}@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}}@media screen and (min-width:786px) and (max-width:1000px){.content{max-width:786px}}