body{margin:0!important}.HeaderStyle{position:fixed;top:0;z-index:999;width:100%;display:flex;align-items:center;padding:0 100px 0 0;background-color:transparent;color:#fff;transition:all .3s ease;box-sizing:border-box}.HeaderStyle.header-scrolled{background-color:#fff;color:#000;box-shadow:0 2px 8px #0000001a}.companyLogo{float:left;font-size:30px;font-weight:700;line-height:64px;transition:color .3s ease;padding-left:60px;flex-shrink:0}.header-scrolled .companyLogo{color:#000}.menuStyle{flex:1;min-width:0;background-color:#0000;justify-content:end;display:flex}.header-scrolled .ant-menu-title-content{color:#000!important;font-size:16px}.ant-menu-title-content{color:#fff!important;font-size:16px}.ant-menu-submenu-popup{z-index:1000!important;background-color:transparent!important}.ant-menu-submenu-popup .ant-menu-sub{background-color:transparent!important}.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item{color:#fff;background:transparent!important;font-size:16px}.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item:hover{background:#fff3!important}body.header-scrolled-body .ant-menu-submenu-popup .ant-menu-sub{background:#fff!important;box-shadow:0 2px 8px #0000001a!important}body.header-scrolled-body .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item,body.header-scrolled-body .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item>span{color:#000!important;background:#fff!important;font-size:16px}body.header-scrolled-body .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item:hover{background:#f5f5f5!important}.ant-layout-footer{padding:0}@media(max-width:992px){.HeaderStyle{padding:0 40px 0 0}.companyLogo{font-size:26px;padding-left:30px;line-height:60px}.ant-menu-title-content,.header-scrolled .ant-menu-title-content{font-size:14px!important}.ant-menu-submenu-popup .ant-menu-sub .ant-menu-item,body.header-scrolled-body .ant-menu-submenu-popup .ant-menu-sub .ant-menu-item{font-size:14px}}@media(max-width:768px){.HeaderStyle{padding:0 20px 0 0;height:56px}.companyLogo{font-size:22px;padding-left:20px;line-height:56px}.HeaderStyle .ant-radio-group{transform:scale(.9);margin-right:0!important}div[style*="fontSize: '30px'"]{font-size:24px!important;width:90%!important;padding:10px 0!important}div[style*="display: 'flex'"][style*="justifyContent: 'center'"]{padding:0 10px!important}.menuStyle{display:none!important}}@media(max-width:480px){.HeaderStyle{height:50px}.companyLogo{font-size:20px;padding-left:15px;line-height:50px}.HeaderStyle .ant-radio-group{transform:scale(.8)}div[style*="fontSize: '30px'"]{font-size:20px!important;width:95%!important}}.ant-layout-header,.ant-layout-footer{padding:0!important}.footerLayout{background-color:#fff;flex-direction:row;display:flex;padding:20px 0;box-sizing:border-box}.leftFooter{display:flex;padding-left:50px;margin:0 15px 15px;width:30%;box-sizing:border-box;justify-content:center}.rightFooter{width:30%;display:flex;justify-content:start;box-sizing:border-box}.footer-menu-column{width:24%;box-sizing:border-box}.footer-menu-title{font-size:18px;font-weight:700;position:relative;padding-bottom:8px;margin-bottom:15px;color:#333;margin-top:0}.footer-menu-title:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#00b42a}.footer-menu-list{list-style:none;padding:0;margin:0}.footer-menu-item{font-size:14px;color:#666;margin-bottom:10px;cursor:pointer;transition:color .2s}.footer-menu-item:hover{color:#00b42a}@media(max-width:992px){.leftFooter{padding-left:30px;width:35%}.footer-menu-title{font-size:18px}.footer-menu-item{font-size:14px}.leftFooter div{font-size:18px!important}.leftFooter span{font-size:14px!important}}@media(max-width:768px){.footerLayout{flex-direction:column;padding:20px 10px}.leftFooter{width:100%;padding-left:0;margin:0 0 20px;align-items:center;text-align:center}.rightFooter{flex:none;width:100%;flex-wrap:wrap;justify-content:flex-start;padding:0 20px}.footer-menu-column{width:45%;margin-bottom:20px;padding:0 10px}.footer-menu-title{font-size:18px}.footer-menu-item{font-size:14px}.leftFooter div{font-size:18px!important}.leftFooter span{font-size:14px!important}.footer-menu-title:after{width:25px}}@media(max-width:480px){.footer-menu-column{width:100%}.leftFooter span{font-size:14px!important;line-height:1.4}}.footerBA{display:flex;justify-content:center;font-size:20px;margin-bottom:30px}.news-container{width:100%;box-sizing:border-box;background-color:#f1f1f1}.news-container .card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;grid-auto-rows:1fr!important;gap:clamp(10px,2vw,20px)!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:clamp(20px,4vw,40px) 0!important;box-sizing:border-box!important;align-items:stretch}.news-container .ant-card{width:100%!important;height:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important;transition:background-color .3s ease!important;position:relative;min-width:260px}.news-container .ant-card-body{padding:clamp(12px,1.5vw,16px)!important;margin:0!important;box-sizing:border-box!important;transition:background-color .3s ease!important}.news-container .ant-card:hover .ant-card-body{background-color:#1890ff!important;color:#fff!important}.metaClass .ant-card-meta-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;color:inherit!important;font-size:clamp(14px,1.2vw,16px)!important}.metaClass .ant-card-meta-description{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;color:inherit!important;opacity:.85!important;font-size:clamp(12px,1vw,14px)!important}@media(max-width:1024px){.news-container .card-grid{gap:15px!important;padding:30px 0!important}}@media(max-width:768px){.news-container .card-grid{gap:10px!important;padding:20px 0!important}.news-container .card-grid .ant-card{transform:translateY(0)!important}}@media(max-width:480px){.news-container{padding:0 5px}.news-container .ant-card-body{padding:12px!important}}.homeContent{background-color:#f1f1f1}.ant-image{width:100%!important}.card-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;width:85%;margin:0 auto;box-sizing:border-box}.card-item{grid-column:span 1;height:100%}.card-item.first-card{grid-column:span 2}.card-image{height:600px;object-fit:cover;width:100%}@media(max-width:992px){.card-grid-container{grid-template-columns:repeat(2,1fr);width:90%;gap:15px;padding:15px}.card-item.first-card{grid-column:span 2}.card-image{height:450px}}@media(max-width:768px){.card-grid-container{grid-template-columns:repeat(1,1fr);width:95%;gap:12px;padding:10px}.card-item{grid-column:span 1!important}.card-image{height:300px}}@media(max-width:480px){.card-image{height:220px}.card-grid-container{padding:8px;gap:10px}}.product-container{width:100%;box-sizing:border-box;background-color:#f1f1f1}.product-container .card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(clamp(300px,100%,1200px),1fr))!important;gap:clamp(15px,2vw,25px)!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:clamp(20px,3vw,40px) 0!important;box-sizing:border-box!important;will-change:contents;contain:layout paint}.product-container .ant-card{display:flex;height:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;backface-visibility:hidden;transform:translateZ(0);will-change:transform;transition:none!important;min-height:clamp(200px,40vw,300px)}.product-container .ant-card.odd-row-card{background-color:#fff!important;box-shadow:0 2px 8px #0000000d!important;margin:0 clamp(10px,2vw,20px)!important}.product-container .ant-card.even-row-card{background-color:#f8f9fa!important;box-shadow:0 2px 8px #00000014!important;display:flex;flex-direction:row-reverse;justify-self:end;margin:0 clamp(10px,2vw,20px)!important}.product-container .ant-card-cover{width:clamp(30%,40%,50%)!important;min-width:120px}.product-container .ant-card-body{width:clamp(50%,60%,70%)!important;padding:clamp(12px,2vw,16px)!important;margin:0!important;box-sizing:border-box!important;transition:none!important;text-align:center;display:flex;flex-direction:column;justify-content:center}.product-container .card-img-wrapper{height:clamp(150px,30vw,300px);width:100%;background-color:#e8e8e8;overflow:hidden;position:relative}.product-container .card-img{height:100%;width:100%;object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;transform:translateZ(0);opacity:0;transition:opacity .2s ease-in-out}.product-container .card-img.loaded{opacity:1}@media(max-width:1024px){.product-container .ant-card-cover{width:35%!important}.product-container .ant-card-body{width:65%!important;padding:14px!important}.product-container .card-img-wrapper{height:clamp(180px,25vw,280px)!important}}@media(max-width:768px){.product-container .ant-card,.product-container .ant-card.even-row-card{flex-direction:column!important}.product-container .ant-card-cover{width:100%!important}.product-container .ant-card-body{width:100%!important;padding:12px!important}.product-container .card-img-wrapper{height:clamp(150px,40vw,250px)!important}.product-container .ant-card.odd-row-card,.product-container .ant-card.even-row-card{margin:0 5px!important}}@media(max-width:480px){.product-container .card-grid{gap:10px!important;padding:15px 0!important}.product-container .card-img-wrapper{height:clamp(120px,35vw,200px)!important}.product-container .ant-card-body{padding:10px!important}}.content{width:80%;margin:0 auto;padding:20px}.art-body-img,.productNew-container .ant-card-body{width:100%!important}@media(max-width:768px){.productNew-container .ant-card-grid{grid-template-columns:1fr}.main-banner{flex-direction:column}.attach-area{width:100%!important}}
