@charset "utf-8"; 
.home-news .homenews-list .homenews-item .info .more{padding: 15px 10px;color: #fff;border-radius: 5px;background: var(--color);position: relative;overflow: hidden;}
.home-news .homenews-list .homenews-item .info .more::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: all .2s linear;width: 0px;height: 0px;border-radius: 50%;background: rgba(0, 0, 0, .05);}
.home-news .homenews-list .homenews-item .info .more:hover::after {width: 300px;height: 300px;}
.home-introduction{transform:translateY(-50px);position:relative;z-index:10}
.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-introduction .introduction .item{width:23.4%;display:flex;align-items:center;box-sizing:border-box;padding:1.5%;background-color:#FFFFFF;border-bottom:2px solid var(--color);border-radius:var(--border);box-shadow:0px 2px 10px 0px rgba(0,0,0,.10);transform:translateY(0);transition:all .3s linear}
.home-introduction .introduction .item .left{width:60px;height:60px;border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;background-color:#f8f9f8;color:var(--color);transition:all .3s linear}
.home-introduction .introduction .item .left em{font-size:var(--fontsize26);transform:rotateY(0);transition:all .3s linear}
.home-introduction .introduction .item .right{flex:1}
.home-introduction .introduction .item .right .title{color:var(--fontcolor);text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:var(--fontsize20)}
.home-introduction .introduction .item .right .text{color:var(--introcolor);font-size:var(--fontsize16);margin-bottom:0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-introduction .introduction .item:hover{transform:translateY(10px)}
.home-introduction .introduction .item:hover .left em{transform:rotateY(360deg)}
.home-introduction .introduction .item:hover .left{background-color:var(--color);color:#FFFFFF}
@media screen and (max-width:1240px){.home-introduction{transform:translateY(-30px);position:relative;z-index:10}
}@media screen and (max-width:768px){.home-introduction .introduction .item{width:100%;padding:3% 2.5%}
.home-introduction{transform:translateY(0)}
.home-introduction .introduction .item .left{width:60px;height:60px}
}@media screen and (max-width:500px){.home-introduction .introduction .item{width:100%;padding:5% 2.5%;margin:10px auto}
}
.home-mainproduct .mainpro-top .mainpro-button{ display: none;}
.home-cate{position:relative;padding:4% 0}
.home-cate .homecate-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.home-cate .homecate-list li{width:32%;margin-right:2%;margin-bottom:2em}
.home-cate .homecate-list li:nth-child(3n){margin-right:0px}
.home-cate .homecate-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#EEEEEE;border:1px solid #EEEEEE;aspect-ratio:25/16}
.home-cate .homecate-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-cate .homecate-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.home-cate .homecate-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0px}
.home-cate .homecate-list li .title a{color:var(--fontcolor);font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.home-cate .homecate-list li .title em{opacity:0;display:inline-block;width:0px;transition:all .1s linear}
.home-cate .homecate-list li:hover .img img{transform:scale(1.02)}
.home-cate .homecate-list li:hover .img::after{opacity:1}
.home-cate .homecate-list li:hover .title a{color:var(--color);border-color:#000000}
.home-cate .homecate-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
@media(max-width:768px){.home-cate .homecate-list{justify-content:space-between}
.home-cate .homecate-list li{width:49%;margin-right:0px}
}@media(max-width:500px){.home-cate .homecate-list li{margin-bottom:1em}
.home-cate{padding:30px 0px}
.home-cate .homecate-list li .title{margin-top:0px}
.home-cate .homecate-list li .title a{font-size:var(--fontsize16)}}
.home-mainproduct{display: none;}
footer .foot-info{display:none;}

.home-banner1{position: absolute;top: 10%;right: 10%;}
.home-banner1 h5{font-size: 64px;color: #0257B9;line-height: 1;margin-bottom: 15px;font-weight: 600;}
.home-banner1 p{font-size: 32px;color: #000;font-weight: bold;line-height: 1.25;}
.home-banner2{position: absolute;top: 50%;left: 15%;transform: translateY(-50%);}
.home-banner2 h5{color: #ffff;font-size: 64px;line-height: 1.1;margin-bottom: 10px;}
.home-banner2 p{font-size: 32px;color: #065C9E;background: #fff;display: inline-block;line-height: 1.25;padding: 15px 30px;font-weight: 600;}
@media (max-width:1600px) {.home-banner1 h5,.home-banner2 h5{font-size: 52px;}
.home-banner1 p,.home-banner2 p{font-size: 26px;}
.home-banner2 p{padding: 10px 30px;}
.home-banner2{left: 10%;}}
@media (max-width:1366px) {
.home-banner1 h5,.home-banner2 h5{font-size: 32px;line-height: 1.25;}
.home-banner1 p, .home-banner2 p{font-size: 20px;}}
.home-banner .banner-animote.banner3txt{padding:0 5px;height: 100%;top: 0;bottom: 0;width: 32%;left:48%;padding-top: 8%;color: #fff;text-align:center;}
.home-banner .banner-animote.banner3txt .title{font-size:36px;line-height:1.5;text-transform: uppercase;}
.home-banner .banner-animote.banner3txt .year{margin-top:15px;line-height: 60px;background: #fff;color: var(--color);width:62%;height: 60px;font-size: 26px;text-align: center;margin: auto;text-transform: uppercase;overflow:hidden}
.home-banner .banner-animote.banner3txt .btn {margin-top: 2em;}
.home-banner .banner-animote.banner3txt .btn a{background: initial;}
.home-banner .banner-animote.banner3txt .text{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;}
@media (max-width:1440px){.home-banner .banner-animote.banner3txt .title{font-size:18px;line-height: 1.2;}
.home-banner .banner-animote.banner3txt .year{font-size:16px;}}
@media (max-width:1024px){.home-banner .banner-animote.banner3txt {padding-top: 2em;}
.home-banner .banner-animote.banner3txt .year{line-height:40px;height:40px;}
}
@media (max-width:768px){.home-banner .banner-animote.banner3txt{display:none}}
.home-our .about-us-title{text-align:center;font-size:25px;font-weight:700;color:var(--introcolor);line-height:4;text-transform:uppercase}
.home-our .img-list1{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}
.home-our .img-list2{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}
.home-our .img-list1 li img{width:100%;height:100%}
.home-our .img-list2 li img{width:100%;height:100%}
@media (max-width:768px){.home-our .about-us-title{line-height: 2;font-size: 20px;}}
@media (min-width:1025px){.home-about .l-wrap .about-info h1{max-width:100%;font-size:30px;}}
@media (min-width:1025px){header .l-wrap{max-width: 1600px;}
.index .l-wrap{max-width: 1540px;}
.home-our .l-wrap{max-width:1400px}}
.home-case .homecase-list .swiper-slide{display:flex;flex-direction:column;align-items:center}
.home-case .homecase-list .swiper-slide .content{width:82%;height:20%;position:unset;left:50%;bottom:-110%;transform:translate(0%,0%);background:var(--color);opacity:1;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;transition:all .1s linear;opacity:1;visibility:inherit;margin-top:0px}
.home-our .img-list3{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:20px}
.home-our .img-list3 li img{width:100%;height:100%}
@media screen and (max-width:1024px){.home-our .img-list3{grid-template-columns:repeat(2,1fr)}}
.home-case .homecase-list .swiper-slide .content .more{display:none;}
.home-case .homecase-list .swiper-slide .content{background: #fff;}
.home-case .homecase-list .swiper-slide .content .text a{color: var(--color);}
.home-case .homecase-list .swiper-slide .content:hover{background:var(--color);}
.home-case .homecase-list .swiper-slide .content:hover .text a{color:#fff;}
.kche-t222 .kche-t222-flex,.kche-t223 .kche-t223-flex{align-items:center}
.home-banner .banner-animote.banner3txt{ padding-top: 2%;}