.home-introduction .introduction .item{display:block;text-align:center;}
.home-introduction .introduction .item .num{font-weight:bold;font-size:var(--fontsize36);line-height:1.2;margin-bottom:5px;}
@media (max-width:550px){.home-introduction .introduction .item .num{font-size:var(--fontsize30);margin-bottom:2px;}}
.home-about{background:#F3F3F3;}
.home-about .l-wrap{padding:20px 20px 0;max-width:100%;display:block;}
.abpic img{display:block;width:100%;filter:brightness(.75)}
.abflex{display:flex;flex-wrap:wrap;}
.abglass{width:45%;background:var(--color);margin-left:-20px;color:#fff;margin-top:-13.5vw;position:relative;z-index:2;padding:6.5% 6% 5% calc(50% - 765px)}
.abglass-tit{font-weight:bold;font-size:45px;margin-bottom:6vw}
.abglass-list li{display:flex;margin-top:30px;align-items:center}
.abglass-list li .abglass-icon{width:70px}
.abglass-list li .abglass-info{flex:1;padding-left:15px}
.abglass-list li .abglass-info-tit{font-size:var(--fontsize20);font-weight:bold;line-height:1.3;margin-bottom:8px}
.abglass-list li .abglass-info p{color:#c3d0e9}
.abintro{flex:1;padding:4% calc(50% - 765px) 4% 4%}
.abintro p{line-height:2}
.abintro-btn{display:flex;margin-top:3vw}
.abintro-btn a{text-decoration:underline;color:var(--color)}
.abintro-btn a:hover{color:var(--color)}
@media (max-width:1610px){.abglass{padding:6.5% 4% 4% 4%}
.abintro{padding:4% 4% 4% 4%}}
@media (max-width:1280px){.abglass-tit{font-size:36px}}
@media (max-width:1024px){.home-about .l-wrap{padding:0;}
.abflex{padding:0 15px}
.abglass{padding:6.5% 20px 30px;width:100%;margin-left:0;margin-top:-10vw}
.abintro{padding:30px 0;width:100%;flex:inherit}
.abglass-tit{font-size:30px}}
@media (max-width:768px){.home-about{margin-top:40px}
.abglass-tit{font-size:var(--fontsize24)}
.abglass-list li .abglass-icon{width:50px}
.abglass-list li .abglass-info{padding-left:10px}
.abglass-list li .abglass-info-tit{font-size:var(--fontsize18);margin-bottom:4px}
.abglass-list li .abglass-info p{font-size:var(--fontsize15)}}
.procate-tit{font-weight:bold;color:var(--color);font-size:32px;line-height:1.4;}
.procate-txt{color:#666;font-size:var(--fontsize18);margin:8px 0 12px;}
.procate-tags{display:flex;flex-wrap:wrap;margin-top:45px;}
.procate-list{width:300px;}
.procate-list li{display:flex;align-items:center;cursor:pointer;border-bottom:1px solid #ccc;}
.procate-list li:not(:first-child){margin-top:20px}
.procate-list li .procate-list-pic{width:100px;}
.procate-list li .procate-list-pic img{display:block;aspect-ratio:4/3;object-fit:cover}
.procate-list li .procate-list-tit{flex:1;padding-left:15px;font-weight:bold;font-size:var(--fontsize18);line-height:1.3}
.procate-list li.active{border-color:var(--color)}
.procate-list li.active .procate-list-tit{color:var(--color);}
.procate-content{flex:1;padding-left:5%;}
.procate-item{display:none}
.procate-item.active{display:flex;align-items:center}
.procate-item-info{width:45%;background:#eeeeeebb;padding:3%;margin-right:-20px;position:relative;z-index:2}
.procate-item-tit{color:var(--color);text-transform:uppercase;font-weight:bold;font-size:var(--fontsize26);line-height:1.3;margin-bottom:15px}
.procate-item-txt{padding-left:70px;position:relative}
.procate-item-txt:before{content:'';width:55px;height:3px;background:var(--color);position:absolute;left:0;top:6px;}
.procate-item-btn{display:flex;margin-top:25px}
.procate-item-btn a{background:var(--color);color:#fff;transition:.3s;padding:10px 28px;}
.procate-item-btn a:hover{background:var(--color)}
.procate-item-pic{flex:1;}
.procate-item-pic img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
@media (max-width:1440px){.procate-tit{font-size:30px}
.procate-txt{font-size:var(--fontsize17);}
.procate-txt+p{font-size:var(--fontsize15);}
.procate-list{width:250px;}
.procate-list li:not(:first-child){margin-top:15px}
.procate-list li .procate-list-pic{width:80px;}
.procate-list li .procate-list-tit{padding-left:10px;font-size:var(--fontsize17);}
.procate-content{padding-left:4%;}
.procate-item-info{width:48%}
.procate-item-tit{font-size:var(--fontsize24);margin-bottom:10px}
.procate-item-txt{padding-left:60px;}
.procate-item-txt:before{width:45px;}
.procate-item-txt p{font-size:var(--fontsize15)}
.procate-item-btn{margin-top:20px}
.procate-item-btn a{padding:8px 22px;font-size:var(--fontsize15)}}
@media (max-width:1024px){.procate-tit{font-size:var(--fontsize26)}
.procate-txt{margin:6px 0 10px}
.procate-tags{margin-top:35px;}
.procate-list{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.procate-list li{margin:0 0 20px;width:48%;}
.procate-list li:not(:first-child){margin-top:0}
.procate-list li .procate-list-pic{width:80px;}
.procate-list li .procate-list-tit{padding-left:10px;font-size:var(--fontsize17);}
.procate-content{width:100%;padding:20px 0 0;}}
@media (max-width:768px){.procate-item.active{flex-wrap:wrap}
.procate-item-info{width:100%;margin:0;padding:20px}
.procate-item-pic{flex:inherit;width:100%;}}
@media (max-width:550px){.procate-tit{font-size:var(--fontsize24)}
.procate-list li .procate-list-pic{width:60px;}
.procate-list li .procate-list-tit{padding-left:8px;font-size:var(--fontsize15);}
.procate-item-tit{font-size:var(--fontsize20);margin-bottom:10px}
.procate-item-txt{padding-left:50px;}
.procate-item-txt:before{width:40px;}}
.home-case{margin-bottom:0}
.home-case .l-wrap .case{transform:none;margin-top:30px;}
.home-case-btn{display:flex;margin-top:40px;justify-content:center;padding-bottom:4%;}
.home-case-btn a{background:#fff;border:2px solid #fff;border-radius:4px;color:var(--color);text-transform:uppercase;padding:0 25px;line-height:40px;transition:.3s}
.home-case-btn a:hover{background:var(--color);color:#fff}
@media (max-width:768px){.home-case .l-wrap .case{margin-top:15px;}
.home-case-btn{display:flex;margin-top:20px;padding-bottom:40px;}
.home-case-btn a{padding:0 20px;line-height:35px;}}
.banner-text{color:#fff;opacity:0}
.swiper-slide-active .banner-text{animation: showtext .5s forwards;
    animation-delay: .5s;}
.banner-text .banner-title{font-size:clamp(18px,2.6vw,50px);position:absolute;top:18%;left:50%;z-index:1}
.banner-text .spans span{font-size:clamp(0px,1.25vw,24px);position:absolute}
.banner-text .spans span:nth-child(1){top:14.6%;left:28%}
.banner-text .spans span:nth-child(2){top:25.3%;left:28%}
.banner-text .spans span:nth-child(3){top:36%;left:26%}
.banner-text .spans span:nth-child(4){top:46%;left:27%}
.banner-text .read-more{position:absolute;background:var(--color);display:inline-block;left:50%;top:43%;padding:.625em 2em;border-radius:3px;transition:.3s;font-size:clamp(10px,.83vw,16px)}
.banner-text .read-more:hover{opacity:.9}
@keyframes showtext{
    0%{opacity:0}
    100%{opacity:1}
}