.home-packing{background:url(/Content/uploads/20261341171/20260826100200cb203ea7cedb47618d01911362133c03.jpg) no-repeat center;background-size:cover;padding:5% 0 8%;position:relative;z-index:2}
.home-packing:before{content:'';width:100%;height:100%;background:linear-gradient(to right,#000000dd 10%,#000000aa 60%,rgba(0,0,0,.3) 80%);position:absolute;top:0;left:0;}
.home-packing .l-wrap{position:relative}
.home-packing .home-title{color:#fff;line-height:1.1;margin:0 auto;max-width:700px}
.packinglist{margin:4vw auto 0;max-width:1000px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;color:#fff;gap:5vw}
.packinglist li{list-style:none;position:relative;}
.packinglist li .info{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:.3s ease-in-out;}
.packinglist li .icon img{width:56px}
.packinglist li .tit{font-weight:bold;font-weight:bold;font-size:var(--fontsize24);line-height:1.2;margin:30px auto 0;max-width:200px;}
.packinglist li .hover{height:100%;display:flex;align-items:center;font-size:var(--fontsize18);opacity:0;transition:.3s ease-in-out}
.packinglist li .hover .txt{margin:0 auto;max-width:220px;}
.packinglist li:hover .info{opacity:0}
.packinglist li:hover .hover{opacity:1}
@media (max-width:768px){.home-packing{padding:50px 0;}
.home-packing:before{background: linear-gradient(to right,#000000dd 10%,#000000aa 60%,#00000099 80%);}
.home-packing .home-title{max-width:400px}
.packinglist{margin:4vw auto 0;grid-template-columns:repeat(1,1fr);gap:10px}
.packinglist li .info{display:none}
.packinglist li .hover{font-size:var(--fontsize17);opacity:1;padding:20px}
.packinglist li .hover .txt{max-width:100%;}}
.home-appli {background: #0D1626;}
.home-appli::before{display:none}
.home-appli .home-title{text-align:center;max-width:100%;}
/* .home-appli .appli-center .home-des{color:#666}
.home-appli .appli-meta .appliswiper-next, .home-appli .appli-meta .appliswiper-prev{border-color:#000;color:#000;} */
/* .home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
.home-appli .appli-meta .appliswiper-pagination .swiper-pagination-bullet{border-color:#000} */
.home-appli .l-wrap{max-width:none}
.home-appli .home-more{background: #fff;border-color: #fff;color: var(--color);}
.home-appli .home-more:hover{background: var(--color);border-color: var(--color);color: #fff;}
.home-appli .home-more em{background: var(--color);color: #fff;}
.home-appli .home-more:hover em{background: #fff;color: var(--color);}


.home-products{padding:4% 0}
.home-products .l-wrap{max-width:1800px}
.home-products .home-title{line-height:1.2;}
.home-products .home-des{font-size:var(--fontsize18);max-width:100%;margin-top:60px}
.home-products .probtn{display:flex;justify-content:center;margin:25px}
.home-products .probtn a{background:var(--color);border:none;font-weight:bold;font-size:var(--fontsize20);height:62px;padding:0 30px}
.home-products .probtn a:hover{box-shadow:0 0 0;transform:scale(1.07);background:var(--color)}
.home-products .homeprolist{display:flex;margin-top:40px;}
.home-products .homeprolist li{overflow:hidden;;height:auto;background:#ededed;border-radius:3px;padding:20px 10px;transition: .2s ease-in-out;position:relative;width:24%;list-style:none}
.home-products .homeprolist li .title{display:inline-flex;align-items:center;color:#031520;font-size:var(--fontsize20);font-weight:bold;margin-bottom:24px;transition:all .2s linear;text-transform:uppercase}
.home-products .homeprolist li .img{display:block}
.home-products .homeprolist li img{width:100%;height:400px;object-fit:contain;transition:all .2s linear}
.home-products .homeprolist li .hover{opacity:0;transition: .3s ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;padding:20px 10px;text-align:center;display:flex;align-items:center;justify-content:center;background:#142942;color:#fff;}
.home-products .homeprolist li .content{padding:20px 10px}
.home-products .homeprolist li .hover-tit{font-weight:bold;font-size:var(--fontsize20);text-transform:uppercase;}
.home-products .homeprolist li .hover-line{background:var(--color);width:50px;height:2px;margin:20px auto;}
.home-products .homeprolist li p{font-size:var(--fontsize18)}
.home-products .homeprolist li .hover-btn{margin-top:20px;}
.home-products .homeprolist li .hover-btn a{display:block;text-transform:uppercase;font-weight:bold;}
.home-products .homeprolist li .hover-btn a em{color:var(--color);margin-left:6px}
.home-products .homeprolist li:hover{box-shadow:0 16px 32px rgba(85,85,85,.05),0 8px 16px rgba(85,85,85,.05)}
.home-products .homeprolist li:hover .hover{opacity:1}
.hcateswiper .swiper{overflow:initial}
.hcateswiper .swiper-pagination{display:none}
.hcateswiper .swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:1280px){.home-products .homeprolist li .content{padding:0}}
@media (max-width:1024px){.hcateswiper .swiper-pagination{display:block;margin-top:30px;position:static}}
@media (max-width:768px){.home-products{padding:40px 0}
.home-products .home-des{font-size:var(--fontsize16);margin-top:30px}
.home-products .probtn a{font-size:var(--fontsize17);height:52px;padding:0 25px}
.home-products .homeprolist{margin-top:30px;}
.home-products .homeprolist li.swiper-slide-active .hover{opacity:1;background:#ededed;color:#555;}
.home-products .homeprolist li.swiper-slide-active .hover-tit,.home-products .homeprolist li.swiper-slide-active .hover-btn a{color:#031520;}
.home-products .homeprolist li.swiper-slide-active:hover .hover{background:#142942;color:#fff;}
.home-products .homeprolist li.swiper-slide-active:hover .hover-tit,.home-products .homeprolist li.swiper-slide-active:hover .hover-btn a{color:#fff;}}

.home-about .circle{display:none}

.home-custom1{position:relative;padding:4% 0}
.home-custom1 .home-title{text-transform:uppercase}
.home-custom1 .home-des{max-width:800px}
.home-custom1 .custom-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;align-items:center}
.home-custom1 .img img{width:100%;object-fit:cover;display:block}
.home-custom1 .list{margin:0;padding:0;list-style:none}
.home-custom1 .list .item{background:#eee;margin-bottom:16px;padding:20px;}
.home-custom1 .list .item:last-child{margin-bottom:0}
.home-custom1 .item .top{display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.home-custom1 .item .top .title{font-weight:bold;margin:0;font-size:var(--fontsize22);color:var(--color)}
.home-custom1 .item .icon{font-size:var(--fontsize28);font-weight:700}
.home-custom1 .item .bottom{margin-top:15px;display:none}
.home-custom1 .item.open .bottom{display:block}
.home-custom1 .more{display:inline-block;margin-top:12px;color:var(--color);text-decoration:none;font-weight:600;text-transform:uppercase}
@media (max-width:768px){.home-custom1{padding:40px 0}
.home-custom1 .custom-bottom{margin-top:20px;gap:20px;grid-template-columns:1fr}
.home-custom1 .list .item{padding:15px 20px}
}
@font-face{font-family:"normalidad-text";src:url("https://use.typekit.net/af/d0a87a/00000000000000007735e809/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d0a87a/00000000000000007735e809/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d0a87a/00000000000000007735e809/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"normalidad-text";src:url("https://use.typekit.net/af/593a0e/00000000000000007735e80b/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/593a0e/00000000000000007735e80b/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/593a0e/00000000000000007735e80b/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}
@font-face{font-family:"normalidad-wide";src:url("https://use.typekit.net/af/9d3716/00000000000000007735e813/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9d3716/00000000000000007735e813/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9d3716/00000000000000007735e813/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"normalidad-wide";src:url("https://use.typekit.net/af/1c559f/00000000000000007735e81d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/1c559f/00000000000000007735e81d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/1c559f/00000000000000007735e81d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}
@font-face{font-family:"normalidad-wide";src:url("https://use.typekit.net/af/3fac4c/00000000000000007735e817/31/l?subset_id=2&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/3fac4c/00000000000000007735e817/31/d?subset_id=2&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/3fac4c/00000000000000007735e817/31/a?subset_id=2&fvd=n2&v=3") format("opentype");font-display:auto;font-style:normal;font-weight:200;font-stretch:normal}
.home-banner .swiper-slide>a::after{display:none}
.bannertop{position:absolute;width:80%;top:12%;left:10%;text-align:center}
.bannertop h1{font-family:"normalidad-wide",Lato,sans-serif;font-size:64px;font-style:var(--headings-font-style);font-weight:900;line-height:1;text-transform:uppercase;color:#142942}
.bannertop .overline{font-size:40px;font-weight:500}
.bannertop .txt--accent{color:var(--color)}
.bannerbot{position:absolute;width:80%;bottom:13.5%;left:10%;text-align:center}
.bannerbot p{color:#555;font-size:18px;font-family:"normalidad-text",Lato,sans-serif}
.bannerbot .inline-items{margin-top:20px}
.bannerbot .inline-items a{align-items:center;-ms-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(16,24,40,.18),inset 0 -2px 0 0 rgba(16,24,40,.05),0 1px 2px 0 rgba(16,24,40,.05);cursor:pointer;display:inline-flex;font-family:"normalidad-text",Lato,sans-serif;font-weight:bold;justify-content:center;line-height:1.5;outline:none;overflow:hidden;position:relative;text-align:center;text-decoration:none;transform:scale(1);transition:box-shadow,background-image,background-color,transform;transition-duration:.1s;transition-timing-function:ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;border-radius:3px;font-size:20px;font-weight:500;padding:16px 24px;background:var(--color);color:#fff}
.bannerbot .inline-items a:hover{background:#41542F;border-color:#41542F;text-decoration:none;transform:scale(1.07)}
@media (max-width:1600px){.bannertop{top:8%}}
@media (max-width:1439px){.bannertop h1{font-size:4.4vw;}
.bannertop .overline{font-size:2.8vw;}
.bannerbot p{font-size:1.25vw;}
.bannerbot .inline-items{margin-top:1vw}
.bannerbot .inline-items a{font-size:1.4vw;padding:1.2vw 1.8vw}}
.home-banner .swiper-slide{height:auto}
.home-products{overflow-x:hidden}

.home-appli #appliswiper .swiper-slide{padding: 0;}
.home-appli #appliswiper .swiper-slide .img{aspect-ratio:auto}
.home-appli #appliswiper .swiper-slide img{width: 100%;height: 100%;}
.home-appli #appliswiper .swiper-slide p{padding: 5px;}