*,::before,::after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}*{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59, 130, 246, 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}::moz-focus-inner{border-style:none;padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;text-transform:none;background-color:transparent;background-image:none;padding:0;line-height:inherit;color:inherit}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button,[role="button"]{cursor:pointer}b,strong{font-weight:bolder}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;line-height:inherit;color:inherit}button,select{text-transform:none}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}code,kbd,samp,pre{font-size:1em}dl,dd{margin:0}fieldset{margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5}h2,p{margin:0}h2{font-size:inherit;font-weight:inherit;margin:0}h2,p,h3{margin:0}h2,h3{font-size:inherit;font-weight:inherit}h1{margin:0;font-size:inherit;font-weight:inherit}hr{height:0;color:inherit;border-top-width:1px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}img{border-style:solid;max-width:100%;height:auto;display:block;vertical-align:middle}input::placeholder{opacity:1;color:#9ca3af}input::webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder{opacity:1;color:#9ca3af}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}img,svg{display:block;vertical-align:middle}legend{padding:0}ol,ul{list-style:none;margin:0;padding:0}p{margin:0}p,h2{margin:0}progress{vertical-align:baseline}pre,code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}svg,img{display:block;vertical-align:middle}svg{display:block;vertical-align:middle}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}summary{display:list-item}table{text-indent:0;border-color:inherit;border-collapse:collapse}textarea{resize:vertical}textarea::placeholder{opacity:1;color:#9ca3af}textarea::webkit-input-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}ul{list-style:none;margin:0;padding:0}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.bg-hex-3b3b3b{--tw-bg-opacity:1;background-color:rgba(59, 59, 59, var(--tw-bg-opacity))}.bg-hex-fafafa{--tw-bg-opacity:1;background-color:rgba(250, 250, 250, var(--tw-bg-opacity))}.\!bg-transparent{background-color:transparent!important}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.grid{display:-ms-grid;display:grid}.hidden{display:none}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.items-center{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}.h-64px{height:64px}.text-base-22px{font-size:22px;line-height:1}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-auto{margin-top:auto}.mb-12{margin-bottom:3rem}.max-w-screen-xl{max-width:1280px}.max-w-1920px{max-width:1920px}.min-h-screen{min-height:100vh}.p-12px{padding:12px}.p-4{padding:1rem}.\!p-0{padding:0px!important}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.px-1{padding-left:0.25rem;padding-right:0.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pt-8{padding-top:2rem}.pb-4{padding-bottom:1rem}.\!pt-8{padding-top:2rem!important}.pb-20{padding-bottom:5rem}.\!pt-0{padding-top:0px!important}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.text-center{text-align:center}.w-screen-xl{width:1280px}.w-48px{width:48px}.gap-x-8{-webkit-column-gap:2rem;-moz-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem}.gap-x-12{-webkit-column-gap:3rem;-moz-column-gap:3rem;grid-column-gap:3rem;column-gap:3rem}.gap-y-8{-webkit-row-gap:2rem;-moz-row-gap:2rem;grid-row-gap:2rem;row-gap:2rem}.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}:root{--md-sys-motion-easing-standard-decelerate:cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-standard-accelerate:cubic-bezier(0.3, 0, 1, 1)}*{scroll-behavior:smooth}img,svg{vertical-align:middle}body{color:#1b1b1f}.main-header{border-bottom:1px solid #e3e3e8}.main-nav{margin:auto}.main-nav .navbar-nav{display:flex}.main-nav .navbar-nav .nav-item .nav-link{position:relative;display:block;padding:0 24px;font-size:18px;line-height:63px}.main-nav .navbar-nav .nav-item .nav-link::after{content:"";display:block;border-top:2px solid #004ea2;border-radius:3px 3px 0 0;position:absolute;bottom:0;left:24px;right:24px;opacity:0;transition:opacity 0.2s
            var(--md-sys-motion-easing-standard-accelerate)}.main-nav .navbar-nav .nav-item .sub-nav-wrap{position:absolute;z-index:10;left:0;width:100%;background:#fff;border-top:1px solid #e3e3e8;visibility:hidden;opacity:0;transition:visibility 0s ease 0.3s,
          opacity 0.2s var(--md-sys-motion-easing-standard-accelerate)}.main-nav .navbar-nav .nav-item:hover .nav-link::after{opacity:1;transition:opacity 0.25s
              var(--md-sys-motion-easing-standard-decelerate)}.main-nav .navbar-nav .nav-item:hover .sub-nav-wrap{visibility:visible;opacity:1;transition:opacity 0.25s
            var(--md-sys-motion-easing-standard-decelerate)}#mainNavProduct .sub-nav-wrap div{display:-ms-grid;display:grid;grid-template-columns:repeat(7, minmax(0, 1fr));grid-template-rows:repeat(1, minmax(0, 1fr));font-size:14px;color:#57585c}#mainNavProduct .sub-nav-wrap div dl dt{height:56px;font-size:1rem;border-bottom:1px solid #004ea2;margin-bottom:1rem;padding-bottom:1rem}#mainNavProduct .sub-nav-wrap div dl dt,#mainNavProduct .sub-nav-wrap div dl dd{display:flex;align-items:center}#mainNavProduct .sub-nav-wrap div dl dd{height:38px}#mainNavProduct .sub-nav-wrap div dl dd a:hover{color:#004ea2}#mainNavSolution ul{display:-ms-grid;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));grid-template-rows:repeat(3, minmax(0, 1fr));font-size:14px;color:#57585c}#mainNavSolution ul li{display:flex;align-items:center;height:56px}#mainNavSolution ul li svg.iconpark-icon{width:24px;height:24px;margin-right:8px;color:#004ea2}#mainNavSolution ul li a:hover{color:#004ea2}.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{color:#fff;opacity:0.2}.swiper .swiper-button-next:hover::after,.swiper .swiper-button-prev:hover::after{opacity:0.6}.swiper .swiper-pagination-bullet-active{background:#fff;opacity:0.7}.container.section{padding-left:1rem;padding-right:1rem;padding-top:5rem;padding-bottom:5rem;color:#434343}.container.section .section-header .section-title{font-size:28px;text-align:center;margin-bottom:2rem}.container.section .section-header .description{text-align:center;line-height:1.75;color:#57585c}.container.section .card-list .card-list-item{--md-sys-color-shadow-rgb:0 0 0;display:block;padding:2rem;margin-bottom:2rem;border-radius:4px;background:#fff;box-shadow:0px 3px 1px -2px rgb(var(--md-sys-color-shadow-rgb) / 0.2),
        0px 2px 2px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.14),
        0px 1px 5px 0px rgb(var(--md-sys-color-shadow-rgb) / 0.12)}.container.section .card-list .card-list-item:last-child{margin-bottom:0}.container.section .card-list .card-list-item .title{font-size:22px;margin-bottom:1rem;color:#004ea2}.container.section .card-list .card-list-item .description{line-height:1.75;color:#57585c}.home .container.section .card-list a.card-list-item:hover{cursor:pointer;background:#004ea2}.home .container.section .card-list a.card-list-item:hover .title{color:#fff}.home .container.section .card-list a.card-list-item:hover .description{color:#fff}.home .container.section .card-list .card-list-item .iconpark-icon-wrap{border:2px solid #004ea2;border-radius:50%;padding:1rem;width:100px;height:100px;margin:auto}.home .container.section .card-list .card-list-item .iconpark-icon-wrap .iconpark-icon{color:#004ea2;max-width:100%;max-height:100%}@media (min-width: 1024px){.container.section .card-list .card-list-item{margin-bottom:0}}.about .sub-navbar-nav .nav-item .nav-link,.news .sub-navbar-nav .nav-item .nav-link{display:block;padding:0 clamp(10px, 0.24rem + 1.4vw, 24px);line-height:53px;font-size:clamp(16px, 0.89rem + 0.4vw, 20px);color:#57585c}.about .sub-navbar-nav .nav-item .nav-link:hover,.news .sub-navbar-nav .nav-item .nav-link:hover{color:#004ea2}.about .sub-navbar-nav .nav-item .nav-link.active,.news .sub-navbar-nav .nav-item .nav-link.active{font-weight:700;color:#004ea2;border-bottom:3px solid #004ea2}.about .hq{padding:2rem 1rem 3rem}.about .hq #mapContainer{height:375px;width:100%}.about .hq .info{margin-top:1rem}.about .hq .info h2{font-size:20px;margin-bottom:1rem}.about .hq .info p{line-height:28px;color:#57585c}.about .branch .divide{text-align:center;margin:2rem 0}.about .branch .divide span{font-size:18px;font-weight:700;line-height:24px;background:#fff;padding:0 1rem}.about .branch .divide::after{display:block;content:"";width:100%;height:1px;background:#004ea2;margin-top:-12px}.about .branch ul li{margin-bottom:2rem}.about .branch ul li:last-child{margin-bottom:0}.about .branch ul li h3{font-size:18px}.about .branch ul li p{line-height:32px;color:#57585c}@media (min-width: 1024px){.about .hq{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.about .hq .info{margin-top:0;margin-left:2rem;min-width:25rem}.about .hq .info h2{font-size:24px}.about .branch ul{display:-ms-grid;display:grid;-webkit-row-gap:1rem;-moz-row-gap:1rem;grid-row-gap:1rem;row-gap:1rem;grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:3rem}.about .branch ul li{margin-bottom:0}}.case .sub-navbar-nav::after,.system .sub-navbar-nav::after{content:"";display:block;clear:both}.case .sub-navbar-nav .nav-item,.system .sub-navbar-nav .nav-item{float:left}.case .sub-navbar-nav .nav-item .nav-link,.system .sub-navbar-nav .nav-item .nav-link{position:relative;display:block;padding:0 clamp(10px, 0.24rem + 1.4vw, 24px);line-height:53px;font-size:clamp(16px, 0.89rem + 0.4vw, 20px);color:#57585c}.case .sub-navbar-nav .nav-item .nav-link:hover,.system .sub-navbar-nav .nav-item .nav-link:hover{color:#004ea2}.case .sub-navbar-nav .nav-item .nav-link.active,.system .sub-navbar-nav .nav-item .nav-link.active{font-weight:700;color:#004ea2}.case .sub-navbar-nav .nav-item .nav-link.active::after,.system .sub-navbar-nav .nav-item .nav-link.active::after{content:"";display:block;border-top:3px solid #004ea2;position:absolute;bottom:0;left:0;right:0}.main-wrapper{padding-top:2rem;padding-bottom:5rem}.main-wrapper .main-content{width:100%}.main-wrapper .main-content div[id]{position:relative;min-height:30rem}.main-wrapper .main-content .loading{position:absolute;top:0;left:0;right:0}.main-wrapper .main-content .post-list-item{display:flex;border-bottom:1px solid #f2f2f2;margin-bottom:4rem;padding-bottom:2rem}.main-wrapper .main-content .post-list-item .post-img{width:52.941%;height:162px;overflow:hidden;margin-right:2rem}.main-wrapper .main-content .post-list-item .post-img img{transition:0.5s}.main-wrapper .main-content .post-list-item .post-img img:hover{transform:scale(1.1)}.main-wrapper .main-content .post-list-item .content{width:100%}.main-wrapper .main-content .post-list-item .content .post-title{font-size:24px;margin-bottom:1rem}.main-wrapper .main-content .post-list-item .content .post-title a:hover{color:#004ea2}.main-wrapper .main-content .post-list-item .content .summary{font-size:15px;color:#57585c;line-height:1.7}.main-wrapper .sidebar{width:38.89%;margin-left:3rem}.pagination{display:flex}.pagination .disabled > .page-link,.pagination .page-link.disabled{background-color:#e9ecef;border-color:#dee2e6}.pagination .page-link{position:relative;display:block;padding:0.375rem 0.75rem;background-color:#fff;border:1px solid #dee2e6;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.pagination .page-item:not(:first-child) .page-link{margin-left:-1px}.pagination .active > .page-link,.pagination .page-link.active{color:#fff;background-color:#004ea2;border-color:#004ea2}.pagination .page-link:hover{color:#004ea2;background-color:#f8f9fa;border-color:#dee2e6}.article-header h1{font-size:clamp(28px, 1.2825rem + 1.7vw, 45px);line-height:clamp(36px, 1.81rem + 1.6vw, 52px);margin-bottom:2rem}.article-content{overflow-wrap:break-word;line-height:1.75}.article-content > *:last-child{margin-bottom:0}.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:2rem;margin-bottom:1rem}.article-content h2 + *,.article-content h3 + *,.article-content h4 + *,.article-content h5 + *,.article-content h6 + *{margin-top:1rem!important}.article-content h2{font-size:clamp(28px, 1.64rem + 0.4vw, 32px);line-height:clamp(36px, 2.14rem + 0.4vw, 40px)}.article-content h3{font-size:clamp(24px, 1.39rem + 0.4vw, 28px);line-height:clamp(32px, 1.89rem + 0.4vw, 36px)}.article-content h4{font-size:clamp(22px, 1.32rem + 0.2vw, 24px);line-height:clamp(28px, 1.64rem + 0.4vw, 32px)}.article-content h5{font-size:clamp(16px, 0.835rem + 0.6vw, 22px);line-height:clamp(24px, 1.39rem + 0.4vw, 28px)}.article-content h6{font-size:16px;line-height:24px}.article-content p{margin:2rem 0}.article-content blockquote{background-color:var(--md-sys-color-surface-1);color:var(--md-sys-color-on-surface);border-left:0.5rem solid var(--md-sys-color-outline-variant);border-radius:8px;padding:1.5rem}.article-content blockquote > :first-child{margin-top:0}.article-content blockquote > :last-child{margin-bottom:0}.article-content ol,.article-content ul{padding-left:40px}.article-content ol li,.article-content ul li{margin:10px 0}.article-content ol li p,.article-content ul li p{margin:10px 0}.article-content ol{list-style:decimal}.article-content ol ol{list-style:lower-alpha}.article-content ol ol ol{list-style:lower-roman}.article-content ul{list-style:disc}.article-content .highlight{margin:2rem 0}.article-content .highlight > div{overflow:auto;padding:24px 16px}.article-content > p img,.article-content > figure img{margin-left:auto;margin-right:auto}.article-content figure figcaption p{margin:8px 0 0;text-align:center}.article-content .table-responsive{overflow:auto;margin:2rem 0}.article-content .table-responsive table{--bs-table-accent-bg:transparent;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;vertical-align:top}.article-content .table-responsive table > :not(caption) > * > *{padding:0.5rem 0.5rem;border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);border-width:0 1px;border-color:var(--md-sys-color-outline-variant)}.article-content .table-responsive table > tbody{vertical-align:inherit;border-top:2px solid currentcolor}.article-content .table-responsive table > thead{vertical-align:bottom}.article-content .table-responsive table th{text-align:inherit}.article-content .table-responsive table > tbody > tr:hover > *{--bs-table-accent-bg:var(--md-sys-color-surface-1)}.article-content .table-responsive table > :not(caption) > *{border-width:1px 0;border-color:var(--md-sys-color-outline-variant)}.article-content .footnote-ref:before{content:"["}.article-content .footnote-ref:after{content:"]"}.article-content .footnotes hr{margin:2rem 0 1rem}.article-content dl dt{font-weight:600}.article-content dl dd{margin:10px 0;padding-left:40px}.article-content dl dd p{margin:10px 0}.main-footer{color:#b1b1b1}.main-footer .container div{padding:0 2rem}.main-footer .title{color:#fff;font-weight:700;margin-bottom:1rem}.main-footer ul{font-size:14px;line-height:28px}@media (min-width: 1024px){.lg\:block{display:block}.lg\:flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.lg\:grid{display:-ms-grid;display:grid}.lg\:hidden{display:none}.lg\:mr-4{margin-right:1rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}}