@charset "UTF-8";body{font-family:Manrope,sans-serif;font-weight:300;line-height:1.8rem;font-size:1.05rem}body.show_menu{overflow:hidden}body.show_menu header,body.show_menu footer,body.show_menu main{filter:blur(.3rem)!important}body.show_menu .full-screen-menu{visibility:visible;opacity:1;transform:translate(0)}.pagination{--bs-pagination-active-bg: #0073b8;--bs-pagination-hover-color: #0073b8;--bs-pagination-color: #0073b8;--bs-pagination-padding-x: .95rem}.form-control{font-weight:300}.yellow-bg{background:#f3b41b}.btn-primary{--bs-btn-bg: #0073b8}.btn-black{background:#222;color:#fff;border-radius:5px}.btn-black:hover{background:#000;color:#fff;text-decoration:none}a{color:#000;text-decoration:none}a[href="javascript:void(0)"]{cursor:default}a:hover{color:#0073b8;text-decoration:none}b{font-weight:500}img{max-width:100%}.btn-lg .bi{margin-right:.5rem}@media (min-width: 1600px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1438px}}.hotline{font-size:2rem;line-height:3rem;font-weight:500}section{padding-top:2rem;padding-bottom:5rem}section .section-title{margin-bottom:1rem;font-weight:800;font-size:1.8rem}section.section-homepage-about{padding-top:5rem}body.inner section:not(:last-child){padding-bottom:0}.hl-content{display:grid;align-items:center;gap:6rem;grid-template-columns:1fr 1fr;grid-template-areas:"img text"}.hl-content.reverse{grid-template-areas:"text img"}.hl-content .text-area{grid-area:text}.hl-content .img-area{grid-area:img}.col-content{-webkit-user-select:none;-ms-user-select:none;user-select:none}.col-content .list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem}.col-content .col{border:1px solid #eee;border-radius:1rem;overflow:hidden;transition:.2s all ease-in-out;box-shadow:0 0 15px #0000001a;display:flex;flex-direction:column}.col-content .col a{text-decoration:none;flex:1}.col-content .col .img-area{position:relative;overflow:hidden}.col-content .col .img-area:before{content:"";display:block;padding-bottom:56.4%}.col-content .col .img-area img{object-fit:cover;position:absolute;top:0;left:0;height:100%;width:100%;transition:.2s all ease-in-out}.col-content .col .text-area{padding:1.5rem;display:flex;flex-direction:column;flex:1;gap:1rem}.col-content .col .text-area .title{margin-bottom:.5rem;font-weight:700;font-size:1.2rem}.col-content .col .text-area p{font-size:.9rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis;color:#333!important}.col-content .col:hover .img-area img{transform:scale(1.2)}.col-content .col .btn.btn-lg{font-size:.9rem;padding:.7rem 2rem}.col-content .swiper{padding-bottom:30px;margin-left:-15px;margin-right:-15px}.col-content .swiper .swiper-slide{padding:15px}.col-content .swiper .swiper-scrollbar{bottom:0;max-width:100%;width:20rem;left:50%;transform:translate(-50%)}.why-component{grid-template-columns:1fr 1fr 1fr;gap:3rem;text-align:center}.why-component .col{background:#0073b8;border:1px solid #eee;font-size:.9rem;line-height:22px;padding:1.8rem 1.2rem 1.2rem;border-radius:1rem;color:#fff}.why-component .col .icon{font-size:5rem;margin-bottom:1.5rem}.why-component .col .title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.why-component.light .col{border:none;background:#f5f5f5;color:#000}.hl-news{gap:2rem;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"news_title news_title video_title" "news_item1 news_item1 video" "news_item2 news_item2 video"}.hl-news .section-title.n{grid-area:news_title}.hl-news .section-title.v{grid-area:video_title}.hl-news .news-item{padding:2rem;grid-area:news_item2;border-radius:.5rem}.hl-news .news-item.f{grid-area:news_item1}.hl-news .news-item .img{padding-bottom:70%;overflow:hidden;position:relative}.hl-news .news-item .img img{object-fit:cover;position:absolute;left:0;top:0;width:100%;height:100%}.hl-news .news-item a{text-decoration:none;flex:1;display:grid;align-items:center;grid-template-columns:23% auto}.hl-news ._col{background:#f5f5f5;border-radius:.5rem;overflow:hidden;transition:.2s all ease-in-out}.hl-news ._col .content{padding:1rem}.hl-news ._col .content .title{font-size:1.2rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.hl-news ._col .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.hl-news .video-area{grid-area:video}.hl-news .links{font-size:.9rem;margin-bottom:0}.hl-news .links .link{display:flex;align-items:center;text-decoration:none;padding:.2rem 0;color:#0073b8}.hl-news .links .link span{transition:.2s all ease-in-out}.hl-news .links .link:hover span{transform:translate(3px)}.hl-news .links .bi{font-size:1.5rem;margin-left:-5px}.parallax-bg{background-attachment:fixed}.swiper-product3 .swiper{padding-bottom:30px;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-left:-15px;margin-right:-15px}.swiper-product3 .swiper .swiper-slide{padding:15px}.swiper-product3 .swiper .swiper-slide a{display:block;transition:.2s all ease-in-out;text-align:center;text-decoration:none}.swiper-product3 .swiper .swiper-slide a .img{box-shadow:0 0 .8rem #00000026;border-radius:1rem;overflow:hidden;padding-bottom:100%;position:relative;margin-bottom:2rem;transition:.2s all ease-in-out}.swiper-product3 .swiper .swiper-slide a .img img{transition:.4s all ease-in-out;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.swiper-product3 .swiper .swiper-slide a .img img:last-child{opacity:0;transform:translate(-50%) translateY(-50%) scaleX(-1)}.swiper-product3 .swiper .swiper-slide a .title{transition:.2s all ease-in-out;font-size:1.4rem;font-weight:600}.swiper-product3 .swiper .swiper-slide a:hover{padding:1rem}.swiper-product3 .swiper .swiper-slide a:hover .img{box-shadow:0 0 1.5rem #0003}.swiper-product3 .swiper .swiper-slide a:hover .img img:first-child{opacity:0}.swiper-product3 .swiper .swiper-slide a:hover .img img:last-child{opacity:1}.swiper-product3 .swiper .swiper-scrollbar{bottom:0;max-width:100%;width:20rem;left:50%;transform:translate(-50%)}.product-list .list{padding-bottom:30px;margin-left:-15px;margin-right:-15px;display:grid;grid-template-columns:repeat(4,1fr)}.product-list .list .item{padding:15px}.product-list .list .item a{display:block;transition:.2s all ease-in-out;text-align:center;text-decoration:none}.product-list .list .item a .img{box-shadow:0 0 .8rem #00000026;border-radius:1rem;overflow:hidden;padding-bottom:100%;position:relative;margin-bottom:2rem;transition:.2s all ease-in-out}.product-list .list .item a .img img{transition:.4s all ease-in-out;width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.product-list .list .item a .img img:last-child{opacity:0;transform:translate(-50%) translateY(-50%) scaleX(-1)}.product-list .list .item a .title{font-size:1.2rem;transition:.2s all ease-in-out}.product-list .list .item a:hover{padding:1rem}.product-list .list .item a:hover .img{box-shadow:0 0 1.5rem #0003}.product-list .list .item a:hover .img img:first-child{opacity:0}.product-list .list .item a:hover .img img:last-child{opacity:1}.product-list.cat-list .list{grid-template-columns:repeat(3,1fr);gap:3rem;margin-left:0;margin-right:0}.product-list.cat-list .list .item,.product-list.cat-list .list .item a{padding:0}.cbreadcrumb{background:#f5f5f5;padding-top:1rem;padding-bottom:1rem}.cbreadcrumb ul,.cbreadcrumb ol{margin-bottom:0}.cbreadcrumb nav{overflow:auto;scrollbar-width:none}.cbreadcrumb nav .breadcrumb{flex-wrap:nowrap;white-space:nowrap}.cbreadcrumb nav .breadcrumb .breadcrumb-item+.breadcrumb-item:before{float:none}.detail-content{display:grid;grid-template-columns:auto 25%;gap:2rem;grid-template-areas:"left right"}.detail-content .swiper-slide img{width:100%}.detail-content.product-detail{grid-template-columns:auto 35%}.detail-content.homepage-content{grid-template-columns:auto 50%}.detail-content.reverse{grid-template-areas:"right left"}.detail-content .text-area{grid-area:text}.detail-content .right-area{grid-area:right}.detail-content.fw{display:block}.detail-content .content img{max-width:100%!important;height:auto!important}.detail-content.contact-page{grid-template-columns:auto 60%}.detail-content.contact-page .left-area{background:#0073b8;border-radius:1rem;color:#fff;font-size:.9rem}.info-component{background:#0073b8;border-radius:1rem;color:#fff}.product-detail .swiper-button-next,.product-detail .swiper-button-prev{visibility:hidden;transition:.2s all ease-in-out;opacity:0}.product-detail .swiper-button-prev{left:-2rem}.product-detail .swiper-button-next{right:-2rem}.product-detail .img-area:hover .swiper-button-next,.product-detail .img-area:hover .swiper-button-prev{visibility:visible;opacity:1}.product-detail .img-area:hover .swiper-button-next.swiper-button-disabled,.product-detail .img-area:hover .swiper-button-prev.swiper-button-disabled{opacity:.3;color:#000}.product-detail .img-area:hover .swiper-button-prev{left:2rem}.product-detail .img-area:hover .swiper-button-next{right:2rem}.banner-top .banner{position:relative;border-radius:1rem;overflow:hidden}.banner-top .banner .title{position:absolute;z-index:10;left:0;right:0;bottom:0;padding:1.5rem 2rem;background:rgba(0,0,0,.4392156863);color:#fff;font-size:2.2rem;line-height:2.7rem}.banner-top .banner .title>*{margin-bottom:0;overflow:hidden;font-weight:800}.download-page .list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem}.download-page .list .item{display:grid;grid-template-columns:22% auto;gap:1rem;font-weight:600}.download-page .list .item ._img>div{padding-bottom:130%;position:relative}.download-page .list .item ._img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.download-page .list .item ._text{display:flex;flex-direction:column;gap:1rem;line-height:1.6rem}.download-page .list .item .btn{border-radius:5rem;font-size:.8rem}.section-banner .inner{position:relative;overflow:hidden;border-radius:1rem}.section-banner .inner img{width:100%;object-fit:cover}.section-banner .inner .content{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:2rem 5rem;gap:1rem;color:var(--data-color)}.section-banner .inner .content a{text-decoration:none;color:var(--data-color)}.section-banner .inner .content .title{font-size:3rem;line-height:4rem;font-weight:700}.section-banner .inner .content .desc{font-size:1.8rem;line-height:2rem;max-width:50%}.section-banner .inner .content .desc,.section-banner .inner .content .title{transition:.2s all ease-in-out}.section-banner .inner .content .desc:hover,.section-banner .inner .content .title:hover{transform:translate(1rem)}.section-banner .inner .content .btn{border-color:#fff;color:#fff;background:#0073b8;font-size:1rem;padding:.8rem 2rem}.news-page .list{display:grid;grid-template-columns:1fr 1fr;gap:4rem 3rem}.news-page .list .item{display:grid;grid-template-columns:30% auto;gap:1rem}.news-page .list .item .title{font-size:1.2rem;line-height:1.5rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.news-page .list .item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.main-parallax-bg .content{padding-bottom:30%}.main-parallax-bg .parallax-bg{background-position:center center}.support-component{user-select:auto}.support-component .col-hotline .hotlines{display:grid;grid-template-columns:30px auto;gap:1rem;font-size:1.6rem;font-weight:600;align-items:center}.support-component .col-hotline .hotlines .icon{text-align:center;font-size:1.5rem;color:#0073b8}.support-component .col-hotline .hotlines a:hover{color:#0073b8}.sticky-socials{position:fixed;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;align-items:flex-end;--size: 40px}.sticky-socials .item{background:var(--bg-color);color:#fff;display:grid;grid-template-columns:var(--size) auto;height:var(--size);border-radius:var(--size);font-size:12px;align-items:center}.sticky-socials .item .icon{width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center}.sticky-socials .item .icon img{width:20px}.sticky-socials .item .label{width:0;overflow:hidden;white-space:nowrap;transition:.2s all ease-in-out;text-overflow:clip}.sticky-socials .item:hover .label{width:150px}.callModal .list{display:flex;flex-direction:column;gap:1rem}.callModal .list .item{display:grid;grid-template-columns:30px 50% auto;align-items:center}.callModal .list .item>*{display:block}.callModal .list .item .bi{color:#0073b8;font-size:1.2rem}.callModal .list .item .number{text-align:right}header{--nav-height: 7.5rem}header .banner{position:relative}header .banner .carousel-inner{height:100vh;position:relative}header .banner .carousel-inner .carousel-item{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);width:100%;height:100%}header .banner .carousel-inner .carousel-item:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;top:0;z-index:2}header .banner .carousel-inner .carousel-item video{position:relative;z-index:1;left:50%;transform:translate(-50%);width:100%;height:100%;object-fit:cover;background-size:cover;background-repeat:no-repeat;background-position-x:center;background-position-y:center}header .banner .content{position:absolute;bottom:5rem;left:5rem;z-index:2;display:flex;flex-direction:column;color:#fff;text-align:center;gap:1rem;font-size:1.5rem}header .banner .content img{width:100px}header .banner .content .title{font-size:2rem}header nav{position:absolute;z-index:100;width:100%;height:var(--nav-height);transition:.4s all ease-in-out}header nav .hdr-nav{height:var(--nav-height);padding:0 3rem;display:flex;flex-direction:row;justify-content:center;width:100%;align-items:center}header nav .hdr-nav .nav-left{display:flex;margin-right:auto;flex:1;gap:2rem}header nav .hdr-nav .nav-center{display:flex;align-items:center;margin:0 2.5rem;transition:.2s all ease-in-out;opacity:1}header nav .hdr-nav .nav-center img{height:30px}header nav .hdr-nav .nav-right{display:flex;align-items:center;margin-left:auto;justify-content:flex-end;flex:1;gap:2rem}header nav .hdr-nav .nav-menu a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;overflow:hidden;border:1px solid #fff;border-radius:50%;font-size:1.5rem}header nav .hdr-nav ._navbar{display:flex;align-items:center;margin:0;font-weight:400;font-size:1.1rem;gap:.2rem}header nav .hdr-nav ._navbar .navitem .navlink{color:#fff;text-decoration:none;padding:.6rem .8rem;transition:.2s all ease-in-out;position:relative}header nav .hdr-nav ._navbar .navitem .navlink:after{content:"";display:block;position:absolute;background:rgba(255,255,255,.1254901961);z-index:-1;left:50%;top:50%;width:0;height:0;transition:.2s all ease-in-out;border-radius:.3rem}header nav .hdr-nav ._navbar .navitem:hover .navlink:after,header nav .hdr-nav ._navbar .navitem.active .navlink:after{width:100%;height:100%;left:0;top:0}header nav .hdr-nav .nav-search{position:relative}header nav .hdr-nav .nav-search .icon-search{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff}header nav .hdr-nav .nav-search .form-control{border-radius:45px;border-color:#fff;background:rgba(255,255,255,.3137254902);color:#fff;font-weight:500;padding:.6rem;padding-left:40px;width:200px;box-shadow:none}header nav .hdr-nav .nav-search .form-control::placeholder{color:#fff}header .offcanvas_menu{--bs-offcanvas-width: 300px}header .offcanvas_menu .offcanvas-header{border-bottom:1px solid #eee;background:#0073b8;align-items:center}header .offcanvas_menu .offcanvas-header .btn-close{--bs-btn-close-opacity: 1}header .offcanvas_menu .offcanvas-backdrop.show{opacity:.7}header .offcanvas_menu .offcanvas_navbar>li.item{display:grid;grid-template-columns:auto 50px;grid-template-areas:"title arrow" "dropdown dropdown";align-items:center;border-bottom:1px solid #eee;--padding: 1rem}header .offcanvas_menu .offcanvas_navbar>li.item>a{display:block;padding:var(--padding) 0;flex:1;grid-area:title;font-weight:700;font-size:.9rem;text-decoration:none}header .offcanvas_menu .offcanvas_navbar>li.item>.arrow{grid-area:arrow;text-align:right;padding:var(--padding) 0 var(--padding) 0;display:block;font-size:1.2rem}header .offcanvas_menu .offcanvas_navbar>li.item>.arrow .bi:before{transition:.3s all ease-in-out}header .offcanvas_menu .offcanvas_navbar>li.item>ul{flex:0 0 auto;grid-area:dropdown}header .offcanvas_menu .offcanvas_navbar>li.item>ul .dropdown-item{white-space:normal;line-height:1.4rem}header .offcanvas_menu .offcanvas_navbar>li.item.active>.arrow .bi:before{transform:rotate(180deg)}header .offcanvas_menu .offcanvas_navbar>li.item.active>ul{display:block;position:relative;border:none;border-radius:0;border-top:1px solid #eee;--bs-dropdown-link-active-bg: #0073b8}header .offcanvas_menu .offcanvas_navbar>li.item.active>ul li a{padding:calc(var(--padding) / 1.8);font-size:.9rem;font-weight:500;text-decoration:none}header .offcanvas_menu .offcanvas_navbar>li.item.active>ul li a:active,header .offcanvas_menu .offcanvas_navbar>li.item.active>ul li a.active{color:#fff}header.sticky-header{padding-top:var(--nav-height)}header.sticky-header nav{position:fixed;top:-100px;transform:translateY(100px);height:5.5rem;background:#fff;-webkit-box-shadow:0px 4px 18px 1px rgba(0,0,0,.15);-moz-box-shadow:0px 4px 18px 1px rgba(0,0,0,.15);box-shadow:0 4px 18px 1px #00000026}header.sticky-header nav .navitem .navlink{color:#000}header.sticky-header nav .hdr-nav{height:5.5rem}header.sticky-header nav .nav-menu a{color:#000;border-color:#000}header.sticky-header nav .nav-search .icon-search{color:#000}header.sticky-header nav .nav-search .form-control{background:#eee;border-color:#aaa;color:#000}header.sticky-header nav .nav-search .form-control::placeholder{color:#000}header.sticky-header nav .nav-search .form-control:focus{background:#fff}header.bg0073b8 nav{background:#0073b8}header.bg0073b8 nav .nav-menu a{border-color:#fff;color:#fff}header.bg0073b8 nav .navlink{color:#fff}header.bg0073b8 nav .nav-search .form-control{border-color:#fff}body.inner header nav{position:relative;background:#0073b8!important}body.inner header .hdr-nav{max-width:1438px;margin:0 auto;padding:0 .75rem}body.inner header .hdr-nav .nav-search .form-control{background:#eee;border-color:#fff;color:#000}body.inner header .hdr-nav .nav-search .form-control::placeholder{color:#000}body.inner header .hdr-nav .nav-search .form-control:focus{background:#fff}body.inner header .hdr-nav .nav-search .icon-search{color:#000}body.inner header.sticky-header nav{position:fixed}footer{padding:5rem 0;background:#20282d;color:#fff;font-size:1rem}footer ._container{padding-left:3rem;padding-right:3rem}footer ._container ._row{display:grid;grid-template-columns:3fr 2fr 2fr 2fr;gap:2rem}footer ._container ._row ._col{padding-left:8rem}footer ._container ._row ._col:first-child{padding-left:0}footer .title{margin-bottom:1.5rem;color:#ffffff90;font-size:1.2rem;font-weight:600}footer .footer-link{padding-bottom:1rem;transition:.2s all ease-in-out}footer .footer-link a{color:#fff}footer .footer-link a:hover{text-decoration:none}footer .footer-link:hover{transform:translate(5px)}footer .copyright{padding-top:2rem}footer .socials .icons{display:flex;align-items:center;gap:1rem;font-size:1.2rem}footer .socials .icons a{color:#fff}footer .socials .icons a:hover{color:#0073b8}@media (max-width: 1399px){.banner-top .banner .title{font-size:2rem}.col-content .list{gap:2rem}.detail-content{grid-template-columns:auto 35%}footer ._container ._row ._col{padding-left:2rem}.section-banner .inner .content .desc{font-size:2rem;line-height:2.5rem}.why-component{gap:2rem}.hl-news{gap:1rem}.hl-news .news-item{padding:1rem}.download-page .list .item{grid-template-columns:30% auto}.news-page .list{gap:3rem 2rem}.full-screen-menu{padding:3rem;font-size:1.7rem;justify-content:start}.full-screen-menu .inner .list li{padding:1.3rem 0}.full-screen-menu .inner .list li ul{font-size:1.2rem}.full-screen-menu .inner .list li ul li{padding:.5rem 0;text-transform:none}}@media (max-width: 1280px) and (min-width: 992px){header nav .hdr-nav .nav-right,header nav .hdr-nav .nav-left{flex:none}}@media (max-width: 1199px){.support-component .col-hotline .hotlines{font-size:1.2rem;gap:.5rem}.support-component .col-hotline .hotlines .icon{font-size:1.2rem}.banner-top .banner .title{font-size:1.5rem;line-height:2rem;padding:1.2rem 1.5rem}.banner-top:not(.keep_ratio) .banner{min-height:340px}.banner-top:not(.keep_ratio) .banner img{position:absolute;left:0;top:0;height:100%;object-fit:cover}.section-banner .inner .content{height:auto;bottom:0;top:auto;padding:2rem}.section-banner .inner .content .title{font-size:2.3rem;line-height:3.2rem}.section-banner .inner .content .desc{font-size:1.3rem;line-height:1.7rem}.news-page .list .item .title{font-size:1.1rem}.news-page .list .item p{font-size:.9rem;line-height:1.5rem}header nav .hdr-nav ._navbar .navitem.pc-only{display:none}.download-page .list{grid-template-columns:1fr 1fr;gap:2rem 1rem}.main-parallax-bg .content{padding-bottom:40%}.hl-content{gap:3rem}.detail-content.contact-page{grid-template-columns:1fr;grid-template-areas:"left" "right"}.detail-content.product-detail{grid-template-columns:auto 40%}}@media (max-width: 991px){header{--nav-height: 4.5rem !important}header nav .hdr-nav .nav-left ._navbar,header nav .hdr-nav .nav-right ._navbar{display:none}header .banner .content{font-size:1.2rem;gap:.5rem}header .banner .content .title{font-size:1.7rem}.banner-top .banner .title{font-size:1.2rem;padding:.8rem 1.3rem}.full-screen-menu .inner{grid-template-columns:none;display:block;gap:0;flex-direction:column}.full-screen-menu .inner .list{margin-bottom:0}.full-screen-menu .inner .list li{padding:1rem 0}.full-screen-menu .inner .list li ul{padding-top:1rem}.full-screen-menu .inner .list li ul li{padding:.5rem 0}.news-page .list{grid-template-columns:1fr}.news-page .list .item .title,.news-page .list .item p{display:block}.col-content .list{gap:2rem;grid-template-columns:1fr 1fr}.product-list .list{grid-template-columns:1fr 1fr}.product-list.cat-list .list{grid-template-columns:repeat(2,1fr);gap:2rem}.detail-content{display:flex;flex-direction:column;grid-template-columns:1fr;grid-template-areas:none}.hl-content{gap:2rem;grid-template-columns:auto 30%}.why-component{gap:1rem}.why-component .col .icon{font-size:3rem}.why-component .col .title{font-size:1rem}footer ._container ._row{gap:1rem}footer ._container ._row ._col{padding-left:0}.section-banner .inner .content{padding:1.5rem;gap:.5rem}.section-banner .inner .content .title{font-size:1.7rem;line-height:2.2rem}.section-banner .inner .content .desc{font-size:1rem;line-height:1.2rem;max-width:100%}.section-banner .inner .content .btn{padding:.5rem 1.5rem}.section-banner.keep_ratio .inner .content{padding:1.5rem}.section-banner.keep_ratio .inner .content .ct{flex:1}.section-banner:not(.keep_ratio) .inner .content{height:auto;bottom:0;top:auto}.section-banner:not(.keep_ratio) .inner img{height:300px!important}.hl-news{grid-template-columns:1fr;grid-template-areas:"news_title" "news_item1" "news_item2" "video_title" "video"}.hl-news .section-title{margin-bottom:0}.hl-news .news-item a{gap:1rem;align-items:normal}.hl-news .news-item a>.img-area{flex:1;display:flex}.hl-news .news-item a>.img-area .img{flex:1;padding-bottom:0}.hl-news .news-item a .content{padding:0}}@media (max-width: 767px){header nav .hdr-nav{padding-left:.75rem;padding-right:.75rem}header nav .hdr-nav .nav-center{margin:0 1rem}header nav .hdr-nav .nav-left{transition:.2s all ease-in-out}header nav .hdr-nav .nav-search .form-control{transition:.2s all ease-in-out;width:45px;padding-left:0;text-indent:100px}header nav .hdr-nav .nav-search .icon-search{left:50%;transform:translate(-50%) translateY(-50%);pointer-events:none}header .banner .content{left:2rem;bottom:2rem}header.focus-search nav .hdr-nav .nav-left{flex:none}header.focus-search nav .hdr-nav .nav-search .form-control{width:200px;padding-left:40px;text-indent:0}header.focus-search nav .hdr-nav .nav-search .icon-search{left:15px;transform:translateY(-50%);pointer-events:none}.support-component .col-hotline .hotlines{font-size:1.6rem;gap:1rem}.support-component .col-hotline .hotlines .icon{font-size:1.6rem}.full-screen-menu .inner .list li{white-space:normal}.news-page .list .item .img-area{display:flex}.news-page .list .item .img-area a{flex:1}.news-page .list .item .img-area a img{height:100%;object-fit:cover}.col-content .list{grid-template-columns:1fr}.detail-content.product-detail{display:flex;flex-direction:column}.detail-content.product-detail .img-area .swiper-button-prev{left:2rem!important;opacity:1;visibility:visible}.detail-content.product-detail .img-area .swiper-button-next{right:2rem!important;opacity:1;visibility:visible}.swiper-product3 .swiper .swiper-scrollbar{width:10rem}.download-page .list{grid-template-columns:1fr}section{padding-bottom:2rem}.why-component{gap:1rem}.why-component .col{padding:1rem}.col-content .swiper .swiper-scrollbar{width:10rem}.section-banner .inner .content .title{font-size:1.4rem;line-height:1.8rem}.section-banner .inner .content .btn{padding:.3rem 1rem;font-size:.9rem}.banner-top:not(.keep_ratio) .banner{min-height:250px}.main-parallax-bg .content{height:300px}.hl-content{gap:1rem}.hl-content.reverse{grid-template-columns:1fr;grid-template-areas:"text" "img"}.hl-content .img-area{width:100%;padding-bottom:56.25%;position:relative}.hl-content .img-area img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}footer ._container ._row{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"full full full" "col1 col2 col3"}footer ._container ._row ._col:first-child{grid-area:full;border-bottom:1px solid #444;padding-bottom:2rem}footer ._container ._row ._col:nth-child(2){grid-area:col1}footer ._container ._row ._col:nth-child(3){grid-area:col2}footer ._container ._row ._col:nth-child(4){grid-area:col3}footer ._container .copyright{border-top:1px solid #444;margin-top:1rem}.banner-top .banner .title{font-size:1rem;padding:.8rem 1rem;line-height:1.3rem}}@media (max-width: 575px){header .banner .content{left:1rem;right:1rem;bottom:1rem}header nav .hdr-nav .nav-menu a{height:45px;width:45px}header.focus-search nav .nav-center{visibility:hidden;opacity:0}header.focus-search nav .hdr-nav .nav-center{display:none}header.focus-search nav .hdr-nav .nav-search .form-control{width:calc(100vw - 45px - 2.5rem)}.news-page .list .item{display:flex;flex-direction:column}.news-page .list .item .img-area a img{width:100%}.news-page .list .item p,.news-page .list .item .title{font-size:inherit}.product-list .list{grid-template-columns:1fr}.product-list.cat-list .list{grid-template-columns:repeat(1,1fr)}.why-component{grid-template-columns:1fr}.hl-news .news-item{padding:0}.hl-news .news-item a{display:flex;flex-direction:column;gap:0}.hl-news .news-item a>.img-area .img img{position:relative}.hl-news .news-item a .content{padding:1rem}.hl-news .news-item a .content .title,.hl-news .news-item a .content p{display:block}footer{padding:0}footer ._container{padding:2rem 1.5rem}footer ._container ._row{display:flex;flex-direction:column}footer ._container ._row ._col{border-bottom:1px solid #444}footer ._container .copyright{border:none;padding-top:0}.section-banner .inner .content{padding:.75rem!important}.section-banner .inner .content .title,.section-banner .inner .content .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.section-banner:not(.keep_ratio) .inner img{height:250px!important}}