﻿#home-swiper{min-height: initial;}
#home-swiper .swiper-slide img{display:block;height:100%;}
#home-swiper .swiper-slide>a::after{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(21, 21, 21, .6);}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
#home-swiper .swiper-slide .banner-animote{position:absolute;top:55%;transform:translate(0,-50%);color:#FFF;opacity:0;left:0;text-align:center;width:100%;}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
#home-swiper .swiper-slide .banner-animote .tit{font-weight: var(--fontbold7);font-size:2.5vw;}
#home-swiper .swiper-slide .banner-animote .des{margin:1% auto 2%;font-size:1.3vw;max-width:60%;}
#home-swiper .swiper-slide .banner-animote .more a{display:inline-block;padding:1% 2.5%;background: var(--color);transition: all .3s;color:#fff;font-size:1.2vw;border-radius: 5px;}
#home-swiper .swiper-slide .banner-animote .more a:hover{background: #fff;color:var(--color)}
@media (max-width:1024px){#home-swiper .swiper-slide .banner-animote{top:50%;padding:0 50px;}}
@media (max-width:768px){#home-swiper .swiper-slide .banner-animote .more{display:none;}
#home-swiper .swiper-slide .banner-animote .tit{font-size:24px;}
#home-swiper .swiper-slide .banner-animote .des{font-size:12px;max-width:100%;margin:5px 0 0;}}
@media (max-width:600px){#home-swiper .swiper-slide .banner-animote .tit{font-size:16px;line-height: 1.2;}}

.home-news{position:relative;padding:4% 0;}
.home-news .news-list{display:flex;flex-wrap:wrap}
.home-news .news-list li{width:23.5%;margin-right:2%;box-shadow:0 6px 20px 0 rgba(8,1,3,.08);border-radius:3px;margin-top:40px;overflow:hidden}
.home-news .news-list li:nth-child(4n){margin-right:0}
.home-news .news-list li .img{position:relative;overflow:hidden;display:block}
.home-news .news-list li .img img{width:100%;transition:all .2s linear}
.home-news .news-list li .img .date{position:absolute;top:0;right:0;background-color:var(--color);font-size:var(--fontsize14);font-weight:var(--fontbold6);line-height:1.4;padding:11px 22px;transition:all .2s linear;color:#fff;}
.home-news .news-list li .img .date span{display:block;text-transform:uppercase}
.home-news .news-list li .info{padding:20px}
.home-news .news-list li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4;transition:all .2s linear}
.home-news .news-list li .info .txt{padding-top:14px;border-top:1px solid #eaeaea;color:var(--introcolor);font-size:var(--fontsize16);margin-top:14px}
.home-news .news-list li .info .more{display:inline-flex;align-items:center;margin-top:10px;font-size:var(--fontsize14)}
.home-news .news-list li .info .more span{position:relative;margin-right:10px;font-weight:var(--fontbold6);text-transform:uppercase;transition:all .2s linear}
.home-news .news-list li .info .more span::before{content:"";position:absolute;width:6px;height:1px;background-color:var(--color);left:0;bottom:0;transition:all .2s linear}
.home-news .news-list li .info .more em{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color);color:#fff;transform:rotate(-45deg);transition:all .2s linear}
.home-news .news-list li:hover .img img{transform:scale(1.03)}
.home-news .news-list li:hover .date{color:#fff}
.home-news .news-list li:hover .info .more span::before{background-color:var(--color);width:100%}
.home-news .news-list li:hover .info .more em{transform:rotate(0)}
@media (max-width:768px){.home-news{padding:40px 0}
.home-news .news-list{margin-top:10px;justify-content:space-between}
.home-news .news-list li{width:49%;margin-top:15px;margin-right:0}}
@media (max-width:500px){.home-news .news-list li .img .date{padding:5px 10px}
.home-news .news-list li .info{padding:10px}}
#products{  padding-top: 3%;}
 #products .desc{text-align:center;margin:1% 0}
 
 
 
 .inquiry-section{background: #fff;box-shadow: 0 2px 20px rgba(0,0,0,0.06);overflow: hidden;margin-bottom:40px;}
.inquiry-split{display: flex;min-height: 460px;}
.inquiry-visual{flex: 0 0 45%;position: relative;overflow: hidden;}
.inquiry-visual img{width: 100%;height: 100%;object-fit: cover;display: block;}
.visual-overlay{position: absolute;inset: 0;background: linear-gradient(to right,transparent 60%,rgba(255,255,255,0.15) 70%,rgba(255,255,255,0.9) 85%,#fff 100%);}
.visual-tag{position: absolute;top: 30px;left: 30px;background: rgba(0,0,0,0.6);backdrop-filter: blur(8px);color: #fff;font-size: 12px;font-weight: 600;letter-spacing: 2px;text-transform: uppercase;padding: 8px 18px;border-radius: 50px;z-index: 2;}
.inquiry-content{flex: 1;padding: 50px 50px 50px 20px;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 3;}
.inquiry-subtitle{font-size: 13px;font-weight: 700;color: var(--color);text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;}
.inquiry-title{font-size: 30px;font-weight: 700;color: #1a1a1a;line-height: 1.3;margin-bottom: 14px;letter-spacing: -0.3px;}
.inquiry-title .accent{color: var(--color);}
.inquiry-desc{font-size: 15px;color: #666;line-height: 1.6;margin-bottom: 32px;}
.inquiry-cards{display: grid;grid-template-columns: 1fr 1fr;gap: 14px;max-width: 520px;}
.inquiry-card{display: flex;align-items: center;gap: 14px;padding: 16px 18px;border-radius: 10px;border: 2px solid #eee;background: #fff;cursor: pointer;transition: all 0.3s ease;text-decoration: none;color: inherit;position: relative;overflow: hidden;}
.inquiry-card::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, #ffe7ce, #f1a14d);opacity: 0;transition: opacity 0.3s;z-index: 0;}
.inquiry-card:hover{border-color: var(--color);transform: translateY(-3px);box-shadow: 0 8px 25px rgb(205 162 116 / 15%);}
.inquiry-card:hover::before{opacity: 1;}
.inquiry-card:hover .card-icon-circle{background: var(--color);}
.inquiry-card:hover .card-icon-circle svg{color: #fff;}
.card-icon-circle{width: 46px;height: 46px;border-radius: 12px;background: #ffe7ce;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: all 0.3s;z-index: 1;}
.card-icon-circle svg{width: 22px;height: 22px;color: var(--color);transition: color 0.3s;}
.card-text{z-index: 1;}
.card-title{font-size: 15px;font-weight: 700;color: #1a1a1a;margin-bottom: 2px;}
.card-hint{font-size: 12px;color: #999;}
.inquiry-card.highlight{border-color: var(--color);background: linear-gradient(135deg, #ffe7ce, #fff);}
.inquiry-card.highlight .card-icon-circle{background: var(--color);}
.inquiry-card.highlight .card-icon-circle svg{color: #fff;animation: pulse-icon 2s infinite;}
.inquiry-card.highlight .card-badge{display: inline-block;background: var(--color);color: #fff;font-size: 10px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;padding: 2px 8px;border-radius: 50px;margin-top: 4px;}
@keyframes pulse-icon{0%, 100%{transform: scale(1);}
50%{transform: scale(1.08);}}
.trust-bar{display: flex;align-items: center;justify-content: center;gap: 50px;padding: 28px 40px;background: #fafbfc;border-top: 1px solid #eee;}
.trust-item{display: flex;align-items: center;gap: 10px;font-size: 13px;color: #555;font-weight: 500;}
.trust-check{width: 22px;height: 22px;background: #ffe7ce;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.trust-check svg{width: 13px;height: 13px;color: var(--color);}
.cta-banner{text-align: center;padding: 36px 40px;background: var(--color);color: #fff;}
.cta-banner h3{font-size: 22px;font-weight: 700;margin-bottom: 8px;}
.cta-banner p{font-size: 14px;color: rgba(255,255,255,0.85);margin-bottom: 20px;}
.cta-banner-row{display: flex;align-items: center;justify-content: center;gap: 12px;flex-wrap: wrap;}
.btn-light{display: inline-flex;align-items: center;gap: 8px;background: #fff;color: var(--color);font-size: 15px;font-weight: 700;padding: 14px 30px;border-radius: 6px;text-decoration: none;transition: all 0.3s;box-shadow: 0 4px 15px rgba(0,0,0,0.15);}
.btn-light:hover{background: #f0f0f0;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0,0,0,0.2);}
.btn-light svg{width: 18px;height: 18px;}
.btn-outline-light{display: inline-flex;align-items: center;gap: 8px;background: transparent;color: #fff;font-size: 14px;font-weight: 600;padding: 14px 30px;border-radius: 6px;text-decoration: none;border: 2px solid rgba(255,255,255,0.5);transition: all 0.3s;}
.btn-outline-light:hover{background: rgba(255,255,255,0.1);border-color: #fff;}
.btn-outline-light svg{width: 18px;height: 18px;}
.or-divider{color: rgba(255,255,255,0.6);font-size: 13px;font-weight: 500;}
.stats-strip{display: flex;justify-content: center;gap: 60px;padding: 32px 40px;background: #fff;border-top: 1px solid #eee;}
.stat-block{text-align: center;}
.stat-num{font-size: 26px;font-weight: 700;color: #1a1a1a;line-height: 1;margin-bottom: 4px;}
.stat-num .unit{color: var(--color);}
.stat-desc{font-size: 13px;color: #888;}
@media (max-width: 1024px){.inquiry-split{flex-direction: column;min-height: auto;}
.inquiry-visual{flex: none;height: 300px;}
.visual-overlay{background: linear-gradient(
to bottom,transparent 50%,rgba(255,255,255,0.9) 85%,#fff 100%);}
.inquiry-content{padding: 40px 30px;}
.inquiry-cards{max-width: 100%;}
.trust-bar{flex-wrap: wrap;gap: 20px;padding: 20px 30px;}
.stats-strip{gap: 30px;flex-wrap: wrap;}}
@media (max-width: 640px){.inquiry-cards{grid-template-columns: 1fr;}
.inquiry-title{font-size: 24px;}
.cta-banner-row{flex-direction: column;}
.or-divider{display: none;}}