@import url("aos.css");
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:50%;background:rgba(0,0,0,.001);z-index:1}
.home-banner .swiper-slide img{object-fit:cover;width:100%;height:auto;transform:scale(1.02);transition:transform 1.2s}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#000000;opacity:0;z-index:2;padding:0 100px}
.home-banner .banner-animote .p1{font-size:var(--fontsize18);text-shadow-:1px 1px 5px #333333;}
.home-banner .banner-animote .home-title{color:#000000;text-align:left;margin-bottom:1em;font-weight:bold;text-shadow-:1px 1px 5px #333333;}
.home-banner .banner-animote .home-title::after{left:0px;transform:none}
.home-banner .banner-animote .p3{margin-top:2em;}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:1s}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid var(--color);color:#FFFFFF;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%;opacity:0}
.home-banner:hover .bannerswiper-next,.home-banner:hover .bannerswiper-prev{opacity:1}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24);background:var(--bgcolor);color:transparent;-webkit-background-clip:text;background-clip:text}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--bgcolor)}
.home-banner .bannerswiper-next:hover em,.home-banner .bannerswiper-prev:hover em{color:#FFFFFF}
.home-banner .bannerswiper-prev{left:15px}
.home-banner .bannerswiper-next{right:15px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
.home-banner .banner-pagination{position:absolute;text-align:center;width:100%;z-index:2;bottom:8%;padding:0px 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:10px}
.home-banner .swiper-pagination-bullet{background:#FFFFFF;border-radius:50%;opacity:1;transition:all .2s linear;position:relative;width:12px;height:12px}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #FFFFFF;width:18px;height:18px;border-radius:50%}
.swiper-pagination-bullet{width:12px;height:12px}

.home-about{padding-bottom:5%;}
.home-about .abouttop{display:flex;justify-content:space-between;align-items:stretch;border-radius:4px;background:#FFFFFF;margin-top:-80px;z-index:1;position:relative}
.home-about .abouttop .abouttop-left{width:30%;background:var(--bgcolor);color:#FFFFFF;display:flex;flex-direction:column;justify-content:center;padding:20px}
.home-about .abouttop .abouttop-left .p1{font-size:var(--fontsize18);margin-bottom:10px}
.home-about .abouttop .abouttop-left .p2{font-size:var(--fontsize40, 40px);font-weight:var(--fontbold6);line-height:1.2}
.home-about .abouttop .abouttop-list{flex:1;display:flex;justify-content:space-between;align-items:stretch}
.home-about .abouttop .abouttop-list li{width:33.3333%;position:relative;display:flex;flex-direction:column;justify-content:center;padding:5% 3%}
.home-about .abouttop .abouttop-list li::after{content:"";position:absolute;right:0px;top:0px;width:1px;height:100%;background:#ebebeb}
.home-about .abouttop .abouttop-list li:last-child::after{display:none}
.home-about .abouttop .abouttop-list li .p1{font-size:20px;font-weight:var(--fontbold5);margin-bottom:10px}
.home-about .abouttop .abouttop-list li .p2{color:var(--introcolor)}
.home-about .abouttop .abouttop-list li .more{width:30px;height:30px;border-radius:50%;background:var(--bgcolor);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;margin-top:20px}
.home-about .aboutflex{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:6em}
.home-about .aboutflex .aboutinfo{width:45%}
.home-about .aboutflex .aboutinfo .home-des{text-align:left}
.home-about .aboutflex .aboutinfo .home-title{text-align:left}
.home-about .aboutflex .aboutinfo .home-title::after{left:0px;transform:none}
.home-about .aboutflex .aboutinfo .text{margin-top:20px;color:var(--introcolor)}
.home-about .aboutflex .aboutinfo .contactinformation{display:flex;align-items:center;margin-top:2em}
.home-about .aboutflex .aboutinfo .contactinformation .information{display:flex;align-items:center;font-size:var(--fontsize24);font-weight:500;margin-left:30px;padding-left:30px;position:relative;white-space:nowrap}
.home-about .aboutflex .aboutinfo .contactinformation .information::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#e7ebec;border-radius:1px}
.home-about .aboutflex .aboutinfo .contactinformation .information em{background:var(--bgcolor);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:var(--fontsize34)}
.home-about .aboutflex .aboutimg{width:45%;position:relative}
.home-about .aboutflex .aboutimg img{width:100%}
.home-about .aboutflex .aboutimg .dialog{position:absolute;bottom:40px;left:-60px;background:var(--bgcolor);z-index:1;width:340px;padding:4% 5%;color:#FFFFFF;border-radius:4px}
.home-about .aboutflex .aboutimg .dialog .p1{font-size:var(--fontsize20);line-height:1.4;margin-bottom:10px}
.home-about .aboutflex .aboutimg .dialog .more{width:30px;height:30px;background:#FFFFFF;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:10px}
.home-about .aboutflex .aboutimg .dialog .more em{color:var(--color);font-weight:var(--fontbold6)}
        .home-num-section { width: 100%;  margin: 0 auto;background-color:#FFFFFF;}
        .home-num-container { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem;border-radius:3px;box-shadow:1px 3px 32px 0 rgba(225,225,225,.58);margin-bottom:4%}
        .home-num-card { flex: 1 1 200px; min-width: 180px; text-align: center; padding: 1.8rem 0.8rem; transition: all 0.2s ease; border-radius: 5px; background: transparent; }
        .home-num-card a { text-decoration: none; display: block; color: inherit; }
        .home-num-card:hover { transform: translateY(-4px); }
        .home-num-icon-ring { position: relative; width: 70px; height: 70px; margin: 0 auto 16px auto; display: flex; align-items: center; justify-content: center; }
        .home-num-pulse-bg { position: absolute; width: 100%; height: 100%; border-radius: 50%; background: rgba(255, 0, 0, 0.08); animation: homeNumSoftPulse 2.2s infinite ease-out; }
        .home-num-icon-ring i { position: relative; z-index: 2; font-size: 32px; color: #e31b23; transition: transform 0.2s; }
        .home-num-card:hover .home-num-icon-ring i { transform: scale(1.05); }
        .home-num-value { font-size: 48px; font-weight: 800; color: #e31b23; line-height: 1.2; letter-spacing: -0.5px; margin-bottom: 8px; font-feature-settings: "tnum"; font-variant-numeric: tabular-nums; }
        .home-num-label { font-size: 18px; font-weight: 500; color: #2c3e44; letter-spacing: 0.3px; }
        @keyframes homeNumSoftPulse { 0% { transform: scale(0.92); opacity: 0.6; } 50% { transform: scale(1.08); opacity: 0.2; } 100% { transform: scale(0.92); opacity: 0.6; } }
        @media (max-width: 768px) { .home-num-section { border-radius: 5px; padding: 2rem 0rem; box-shadow: 0 20px 35px -15px rgba(0, 0, 0, 0.18), 0 8px 15px -6px rgba(0, 0, 0, 0.06); }  }
        @media (max-width: 680px) { .home-num-value { font-size: 38px; } .home-num-label { font-size: 16px; } .home-num-icon-ring { width: 60px; height: 60px; } .home-num-icon-ring i { font-size: 28px; } .home-num-card { padding: 1.2rem 0.5rem; } }
        @media (max-width: 480px) { .home-num-card { flex-basis: 100%; max-width: 280px; margin: 0 auto; } .home-num-container { gap: 0.5rem; } .home-num-section { border-radius: 28px; padding: 1.5rem 0.8rem; } }
		
.home-advantage-section { background: linear-gradient(120deg, #f8f8f8 0%, #f8f8f8 100%); padding: 80px 0px; position: relative; overflow: hidden; }
.home-advantage-section::before { content: ''; position: absolute; top: -50px; right: -30px; width: 280px; height: 280px; background: radial-gradient(circle, rgba(230, 80, 50, 0.06) 0%, rgba(230, 80, 50, 0) 70%); border-radius: 50%; pointer-events: none; z-index: 0; }
.home-advantage-section::after { content: ''; position: absolute; bottom: -40px; left: -20px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(255, 110, 70, 0.05) 0%, rgba(255, 110, 70, 0) 70%); border-radius: 50%; pointer-events: none; z-index: 0; }
.home-advantage-container {  margin: 0 auto; position: relative; z-index: 2; }
.home-advantage-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 28px;margin-top:3% }
.home-advantage-item { background: #ffffff; border-radius: 5px; padding: 36px 24px 32px 24px; transition: all 0.35s cubic-bezier(0.2, 0, 0, 1); box-shadow: 0 18px 30px -12px rgba(0, 0, 0, 0.05), 0 4px 12px rgba(0, 0, 0, 0.02); border: 1px solid rgba(230, 85, 50, 0.12); text-align: center; backdrop-filter: blur(0px); transform: translateY(0); }
.home-advantage-item:hover { transform: translateY(-8px); box-shadow: 0 28px 38px -16px rgba(220, 70, 40, 0.2), 0 8px 18px rgba(0, 0, 0, 0.05); border-color: rgba(220, 70, 40, 0.3); background: #ffffff; }
.home-advantage-link { display: block; text-decoration: none; color: inherit; width: 100%; height: 100%; }
.home-advantage-icon-wrap { width: 100px; height: 100px; margin: 0 auto 20px auto; background: #fff1ea; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1); box-shadow: 0 8px 18px -6px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255,255,240,0.8); border: 1px solid rgba(230, 85, 50, 0.2); }
.home-advantage-icon-wrap i, .home-advantage-icon-wrap .fa, .home-advantage-icon-wrap .fas, .home-advantage-icon-wrap .far { font-size: 46px; color: #e35f3e; transition: all 0.4s cubic-bezier(0.34, 1.2, 0.64, 1); display: inline-block; }
.home-advantage-item:hover .home-advantage-icon-wrap { background: #e53e2e; border-color: #c5301f; box-shadow: 0 12px 22px -8px rgba(220, 60, 40, 0.45); }
.home-advantage-item:hover .home-advantage-icon-wrap i, .home-advantage-link:hover .home-advantage-icon-wrap i { color: #ffffff !important; transform: scale(1.12) rotate(0deg); animation: iconWobble 0.5s ease-in-out forwards; }
@keyframes iconWobble { 0% { transform: scale(1) rotate(0deg); } 25% { transform: scale(1.08) rotate(8deg); } 50% { transform: scale(1.14) rotate(-6deg); } 75% { transform: scale(1.1) rotate(4deg); } 100% { transform: scale(1.12) rotate(0deg); } }
.home-advantage-title { font-size: 1.55rem; font-weight: 700; letter-spacing: -0.02em; color: #1f2a3e; display: block; margin-bottom: 12px; transition: color 0.25s ease; }
.home-advantage-description { font-size: 0.95rem; line-height: 1.55; color: #4a5568; margin-top: 8px; display: block; font-weight: 400; transition: color 0.25s ease; padding: 0 4px; }
.home-advantage-item:hover .home-advantage-title { color: #e53e2e; }
.home-advantage-item:hover .home-advantage-description { color: #2d3748; }
@media (max-width: 1100px) { .home-advantage-list { gap: 26px 22px; } .home-advantage-icon-wrap { width: 90px; height: 90px; } .home-advantage-icon-wrap i { font-size: 40px; } .home-advantage-title { font-size: 1.4rem; } .home-advantage-description { font-size: 0.9rem; } }
@media (max-width: 860px) { .home-advantage-section { padding: 60px 20px; } .home-advantage-list { grid-template-columns: repeat(2, 1fr); gap: 24px; } .home-advantage-icon-wrap { width: 86px; height: 86px; } .home-advantage-icon-wrap i { font-size: 38px; } .home-advantage-title { font-size: 1.35rem; } .home-advantage-description { font-size: 0.88rem; } @keyframes iconWobble { 0% { transform: scale(1) rotate(0deg); } 25% { transform: scale(1.06) rotate(6deg); } 50% { transform: scale(1.1) rotate(-5deg); } 75% { transform: scale(1.08) rotate(3deg); } 100% { transform: scale(1.1) rotate(0deg); } } }
@media (max-width: 620px) { .home-advantage-section { padding: 48px 16px; } .home-advantage-list { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; gap: 22px; } .home-advantage-item { padding: 32px 20px 28px; border-radius: 32px; } .home-advantage-icon-wrap { width: 84px; height: 84px; margin-bottom: 18px; } .home-advantage-icon-wrap i { font-size: 36px; } .home-advantage-title { font-size: 1.35rem; } .home-advantage-description { font-size: 0.9rem; padding: 0 6px; } @keyframes iconWobble { 0% { transform: scale(1) rotate(0deg); } 25% { transform: scale(1.05) rotate(5deg); } 50% { transform: scale(1.09) rotate(-4deg); } 75% { transform: scale(1.07) rotate(3deg); } 100% { transform: scale(1.08) rotate(0deg); } } }
@media (min-width: 1400px) { .home-advantage-container {  } .home-advantage-icon-wrap { width: 110px; height: 110px; } .home-advantage-icon-wrap i { font-size: 52px; } .home-advantage-title { font-size: 1.7rem; } .home-advantage-description { font-size: 1rem; } }
.home-advantage-link:focus-visible { outline: 2px solid #e53e2e; outline-offset: 6px; border-radius: 28px; }
@keyframes fadeUp { 0% { opacity: 0; transform: translateY(18px); } 100% { opacity: 1; transform: translateY(0); } }
.home-advantage-item { animation: fadeUp 0.5s ease backwards; }
.home-advantage-item:nth-child(1) { animation-delay: 0.02s; }
.home-advantage-item:nth-child(2) { animation-delay: 0.06s; }
.home-advantage-item:nth-child(3) { animation-delay: 0.1s; }
.home-advantage-item:nth-child(4) { animation-delay: 0.14s; }
.home-advantage-item:nth-child(5) { animation-delay: 0.18s; }
.home-advantage-item:nth-child(6) { animation-delay: 0.22s; }


.home-news,.home-product,.home-service{padding:4% 0}
.home-service{background:no-repeat center;background-size:cover}
.home-service .home-des,.home-service .home-title{color:#FFFFFF}
#serviceswiper{padding-top:4em}
#serviceswiper .swiper-slide{position:relative;transition:all .15s linear}
#serviceswiper .swiper-slide.swiper-slide-next,#serviceswiper .swiper-slide.swiper-slide-prev{transform:translateY(-20px)}
#serviceswiper .swiper-slide img{width:100%}
#serviceswiper .swiper-slide .info{position:absolute;background:#FFFFFF;border-radius:4px;width:calc(100% - 40px);bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:20px 20px}
#serviceswiper .swiper-slide .info em{background:var(--bgcolor);color:transparent;-webkit-background-clip:text;background-clip:text;font-size:var(--fontsize30);margin-right:5px;line-height:1}
#serviceswiper .serviceswiper-btn::after,#serviceswiper .serviceswiper-btn::before{opacity:.1}
.home-product .list{margin-top:3em;display:flex;flex-wrap:wrap}
.home-product .list li{width:24%;margin-right:1.3%;background:#FFFFFF;box-shadow:0px 10px 30px 0 rgba(0,0,0,.07);border-radius:4px;padding:20px;margin-bottom:2em;transition:all .15s linear;position:relative;z-index:1;overflow:hidden}
.home-product .list li::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--bgcolor);z-index:-1;opacity:0;transform:translateY(-30px);transition:all .15s linear}
.home-product .list li:nth-child(4n){margin-right:0px}
.home-product .list li .img{border-radius:4px}
.home-product .list li .img .pro-meta{display:none}
.home-product .list li .info{padding-top:20px}
.home-product .list li .info .title{font-size:var(--fontsize18);color:var(--titlecolor);font-weight:var(--fontbold5);line-height:1.6;margin-bottom:6px}
.home-product .list li .info .text{color:var(--introcolor);line-height:1.6}
.home-product .list li .info .more{width:30px;height:30px;background:var(--bgcolor);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:10px}
.home-product .list li .info .more em{color:#FFFFFF}
.home-product .list li:hover::after{transform:translateX(0);opacity:1}
.home-product .list li:hover .info .title{color:#FFFFFF}
.home-product .list li:hover .info .text{color:#FFFFFF}
.home-product .list li:hover .info .more{background:#FFFFFF}
.home-product .list li:hover .info .more em{background:var(--bgcolor);color:transparent;-webkit-background-clip:text;background-clip:text}
.home-faq{display:flex;justify-content:space-between;align-items:stretch;background:#222;color:#FFFFFF}
.home-faq .homefaq-img{width:50%;position:relative}
.home-faq .homefaq-img>img{width:100%;height:100%;object-fit:cover}
.home-faq .homefaq-img .playicon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:#FFFFFF;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.home-faq .homefaq-img .playicon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 30px);height:calc(100% + 30px);border:1px solid #FFFFFF;opacity:.2;border-radius:50%}
.home-faq .homefaq-img .playicon em{font-size:var(--fontsize30);background:var(--bgcolor);color:transparent;-webkit-background-clip:text;background-clip:text;display:flex;align-items:center;justify-content:center}
.home-faq .homefaq-img .info{position:absolute;bottom:0;right:0px;background:var(--bgcolor);width:280px;padding:50px 25px}
.home-faq .homefaq-img .info .p1{line-height:1;font-size:var(--fontsize36)}
.home-faq .homefaq-img .info .p2{margin:15px 0 10px}
.home-faq .homefaq-img .video-container{display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:999}
.home-faq .homefaq-img .video-container iframe,.home-faq .homefaq-img .video-container lite-youtube,.home-faq .homefaq-img .video-container video{width:100%;height:100%;object-fit:cover}
.home-faq .homefaq-info{padding:4% 0;flex:1}
.home-faq .homefaq-info .home-des,.home-faq .homefaq-info .home-title{color:#FFFFFF;text-align:left}
.home-faq .homefaq-info .home-title::after{left:0px;transform:none}
.home-faq .homefaq-info .list{margin-top:2em}
.home-faq .homefaq-info .list li{border-radius:28px;border:1px solid #303030;margin-bottom:20px}
.home-faq .homefaq-info .list li:last-child{margin-bottom:0px}
.home-faq .homefaq-info .list li .faqtitle{border-radius:28px;border:1px solid #303030;min-height:50px;display:flex;align-items:center;padding:0px 20px 0 10px;cursor:pointer}
.home-faq .homefaq-info .list li .faqtitle em:first-child{width:36px;height:36px;background:var(--bgcolor);border-radius:50%;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center}
.home-faq .homefaq-info .list li .faqtitle p{flex:1;padding:0px 10px;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-faq .homefaq-info .list li .faqtitle em:last-child{color:var(--color);transform:rotateX(180deg);transition:all .1s linear}
.home-faq .homefaq-info .list li .faqcontent{color:rgba(255,255,255,.6);padding-left:58px;padding-bottom:10px;display:none}
.home-faq .homefaq-info .list li.open em:last-child{transform:rotateX(0)}
#newswiper{margin-top:2em}
#newswiper li{border-radius:4px;border:1px solid #dce3e6;padding:40px;overflow:hidden;transition:all .1s linear}
#newswiper li:hover{border-color:var(--color)}
#newswiper li .img{width:100%;border-radius:4px;overflow:hidden}
#newswiper li .img img{width:100%}
#newswiper li .info{position:relative;padding-top:30px}
#newswiper li .info .date{position:absolute;top:0px;left:20px;transform:translateY(-50%);background:var(--bgcolor);color:#FFFFFF;border-radius:30px;display:inline-flex;align-items:center;justify-content:center;padding:0px 10px;min-width:130px;height:40px}
#newswiper li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
#newswiper li .info .text{color:var(--introcolor)}
#newswiper li .info .more{width:30px;height:30px;background:var(--bgcolor);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;margin-top:20px}
@media (max-width:1280px){.home-about .abouttop .abouttop-left .p2{font-size:var(--fontsize30)}
.home-about .abouttop{margin-top:1em}}
@media (max-width:1024px){.home-banner .banner-pagination,.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .banner-animote{padding:0px 15px}
.home-faq .homefaq-info .list li .faqtitle p{font-size:var(--fontsize16)}
#newswiper li{padding:30px 20px}
.homeswiper-btn .homeswiper-next,.homeswiper-btn .homeswiper-prev{width:50px;height:50px}}
@media (max-width:768px){.home-about .abouttop .abouttop-left .p2{font-size:var(--fontsize22)}
#serviceswiper .swiper-slide .info{padding:10px}
.home-news,.home-product,.home-service{padding:30px 0px}
.home-banner .banner-animote .p3{display:none}
.home-about .abouttop{flex-direction:column}
.home-about .abouttop .abouttop-left{width:100%}
.home-about .abouttop .abouttop-list{flex-direction:column}
.home-about .abouttop .abouttop-list li{width:100%;padding:20px 0}
.home-about .abouttop .abouttop-list li::after{top:auto;right:auto;left:0px;bottom:0;width:100%;height:1px}
.home-about .aboutflex .aboutinfo .contactinformation{flex-direction:column;align-items:flex-start}
.home-about .aboutflex .aboutinfo .contactinformation .information{padding-left:0px;margin-left:0}
.home-about .aboutflex .aboutinfo .contactinformation .information::before{display:none}
.home-about .aboutflex{flex-direction:column;margin-top:0}
.home-about .aboutflex .aboutinfo{width:100%}
.home-about .aboutflex .aboutimg{width:100%;margin-top:2em}
.home-about .aboutflex .aboutimg .dialog{left:0px;bottom:0px}
.home-faq .homefaq-img .info{width:220px;padding:20px}
.home-product .list{justify-content:space-between;margin-top:2em}
.home-product .list li{width:49%;margin-right:0px;margin-bottom:1em;padding:10px}
.home-faq{flex-direction:column}
.home-faq .homefaq-img{width:100%}}
@media (max-width:500px){.homeswiper-btn{margin-top:2em}
.home-banner .banner-animote .p1{display:none}
.home-banner .banner-animote .home-title{font-size:var(--fontsize18)}}

.mgpopup-inquiry{display: none;}

        .home-case-showcase-wrapper { width: 100%;  margin: 0 auto; background: rgba(255,255,245,0.3); border-radius: 3rem; padding: 1.8rem 0 2rem 0; backdrop-filter: blur(2px); box-shadow: 0 20px 35px -12px rgba(0,0,0,0.05); }
        .home-case-section-header { display: flex; align-items: center; justify-content: center; gap: 1.2rem; margin-bottom: 2.5rem; padding: 0 1rem; flex-wrap: nowrap; }
        .home-case-header-line { flex: 1; height: 2px; background: linear-gradient(90deg, transparent, #cccccc, #cccccc, #cccccc, transparent); max-width: 280px; min-width: 60px; border-radius: 4px; }
        .home-case-header-title { font-size: clamp(1.6rem, 5vw, 2.5rem); font-weight: 700;  background: linear-gradient(120deg, #000000, #000000); background-clip: text; -webkit-background-clip: text; color: transparent; white-space: nowrap; display: inline-flex; align-items: center; gap: 12px; }
        .home-case-header-title i { background: none; color: #8aa0bc; font-size: 1.4rem; }
        @media (max-width: 680px) { .home-case-section-header { gap: 0.8rem; } .home-case-header-line { max-width: 120px; min-width: 40px; } .home-case-header-title { font-size: 1.4rem; white-space: nowrap; } }
        @media (max-width: 480px) { .home-case-header-line { max-width: 70px; } .home-case-header-title { font-size: 1.2rem; } }
        .home-case-logo-track-container { position: relative; width: 100%; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
        .home-case-logo-marquee { display: flex; align-items: center; gap: 1.8rem; width: max-content; will-change: transform; animation: homeCaseScrollLeft 32s linear infinite; }
        .home-case-logo-track-container:hover .home-case-logo-marquee { animation-play-state: paused; }
        .home-case-logo-card { flex: 0 0 auto; width: 200px; backdrop-filter: blur(2px); border-radius: 1rem; padding: 1rem 0.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);  border: 1px solid rgba(255, 255, 245, 0.8); cursor: pointer; }
        .home-case-logo-card:hover { transform: translateY(-6px) scale(1.02);  }
        .home-case-logo-img-rect { width: 100%; max-width: 160px; height: 90px; background: #f8f8f8; border-radius: 1rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.9rem; transition: all 0.2s; padding: 0.5rem;  }
        .home-case-logo-card:hover .home-case-logo-img-rect { background: #ffffff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.04); }
        .home-case-logo-img-rect img { max-width: 90%; max-height: 85%; object-fit: contain; transition: transform 0.2s ease; filter: drop-shadow(0 1px 1px rgba(0,0,0,0.02)); }
        .home-case-logo-card:hover .home-case-logo-img-rect img { transform: scale(1.02); }
        .home-case-logo-brand { font-weight: 650; font-size: 0.85rem; color: #1e2f3e; letter-spacing: -0.2px; background: #eff3fa; padding: 0.2rem 1rem; border-radius: 30px; transition: all 0.2s; margin-top: 0.2rem; }
        .home-case-logo-card:hover .home-case-logo-brand { background: #e6edf6; color: #22668d; }
        .home-case-logo-domain { font-size: 0.6rem; font-weight: 400; color: #8d9bb2; margin-top: 0.3rem; }
        @keyframes homeCaseScrollLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        @media (max-width: 900px) { .home-case-logo-card { width: 170px; } .home-case-logo-img-rect { height: 76px; max-width: 140px; } .home-case-logo-marquee { gap: 1.4rem; } }
        @media (max-width: 640px) { .home-case-logo-card { width: 150px; padding: 0.8rem 0.5rem; } .home-case-logo-img-rect { height: 68px; } .home-case-logo-brand { font-size: 0.7rem; } .home-case-logo-marquee { gap: 1rem; } .home-case-showcase-wrapper { padding: 1.2rem 0; } }
        @media (prefers-reduced-motion: reduce) { .home-case-logo-marquee { animation: none; transform: translateX(0); } }
        .home-case-info-footnote { margin-top: 2rem; text-align: center; font-size: 0.7rem; color: #8193ae; background: rgba(240, 245, 250, 0.7); backdrop-filter: blur(4px); padding: 0.25rem 1.2rem; border-radius: 60px; width: fit-content; margin-left: auto; margin-right: auto; display: flex; gap: 8px; align-items: center; }
        .home-case-info-footnote i { font-size: 0.7rem; }
		
		        .privacy-banner * { box-sizing: border-box; }
        .privacy-banner { position: fixed; bottom: 28px; right: 28px; max-width: 360px; width: 100%; background: #ffffff; border-radius: 18px; box-shadow: 0 12px 48px -8px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.02), 0 0 0 1px rgba(0,0,0,0.02); padding: 22px 24px 24px; z-index: 9999; transition: opacity 0.25s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); animation: privacySlideUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards; border: 1px solid #f0f2f6; }
        @keyframes privacySlideUp { 0% { opacity: 0; transform: translateY(18px) scale(0.98); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
        .privacy-close { position: absolute; top: 12px; right: 16px; background: none; border: none; font-size: 1.4rem; line-height: 1; color: #8a9bb8; cursor: pointer; padding: 0 4px; transition: color 0.15s; font-weight: 300; }
        .privacy-close:hover { color: #1f2a44; }
        .privacy-title { font-size: 0.95rem; font-weight: 600; color: #0b1c3a; margin-bottom: 6px; letter-spacing: -0.01em; padding-right: 24px; }
        .privacy-text { font-size: 0.85rem; line-height: 1.6; color: #3d4e6c; margin-bottom: 16px; }
        .privacy-text a { color: #cf0000; text-decoration: none; font-weight: 500; border-bottom: 1px dotted rgba(26, 92, 255, 0.3); }
        .privacy-text a:hover { border-bottom-color: #cf0000; }
        .privacy-actions { display: flex; gap: 10px; align-items: center; }
        .privacy-btn { font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 500; padding: 0.55rem 1.2rem; border-radius: 60px; border: none; cursor: pointer; transition: all 0.15s ease; background: transparent; color: #1f2a44; flex: 1; text-align: center; }
        .privacy-btn-decline { background: #f1f4fa; color: #2a3a5c; }
        .privacy-btn-decline:hover { background: #e6eaf2; }
        .privacy-btn-accept { background: #cf0000; color: #ffffff; box-shadow: 0 4px 12px -4px rgba(26, 92, 255, 0.35); }
        .privacy-btn-accept:hover { background: #333333; transform: translateY(-1px); box-shadow: 0 8px 18px -6px rgba(26, 92, 255, 0.4); }
        .privacy-btn-accept:active { transform: scale(0.97); }
        @media (max-width: 768px) { .privacy-banner { display: none !important; } }
        @media (max-width: 900px) { .privacy-banner { max-width: 320px; right: 20px; bottom: 20px; padding: 18px 20px 20px; } }