#home-swiper .swiper-slide img{filter:brightness(.7)}
#home-swiper .banner-animate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64%;color:#FFFFFF;opacity:0;z-index:1;text-shadow:1px 1px 3px #000;text-align:center}
#home-swiper .swiper-slide-active .banner-animate{animation:bannerani .5s forwards;animation-delay:.7s}
#home-swiper .banner-animate .banner-tit1{font-weight:bold;font-size:2.6vw;line-height:1.2;margin-bottom:.6vw}
#home-swiper .banner-animate .banner-tit2{font-size:1.55vw;line-height:1.3}
#home-swiper .banner-animate p{font-size:1.1vw;margin-top:.9vw;line-height:1.3}
#home-swiper .more-btn{margin-top:2%;font-size:20px;text-shadow: none;text-transform: capitalize;}
@media (max-width:1600px){#home-swiper .more-btn{font-size:1.2vw}}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media (max-width:1080px){#home-swiper .banner-animate{width:80%;}
#home-swiper .banner-animate p{font-size:var(--fontsize13)}}
@media (max-width:768px){#home-swiper .banner-animate .banner-tit1{font-size:var(--fontsize22);margin-bottom:10px}
#home-swiper .banner-animate .banner-tit2{font-size:var(--fontsize17)}
#home-swiper .banner-animate p{margin-top:8px}
#home-swiper .more-btn{display:none;}}
@media (max-width:540px){#home-swiper .banner-animate{width:100%;padding:0 45px}
#home-swiper .banner-animate .banner-tit1{font-size:var(--fontsize17);margin-bottom:3px}
#home-swiper .banner-animate .banner-tit2{font-size:var(--fontsize14)}
#home-swiper .banner-animate p{margin-top:4px;font-size:var(--fontsize12)}
#home-swiper .swiper-pagination{bottom:4px}}
#about,#ind{display:none}
#home-swiper .swiper-slide>a::after{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(21, 21, 21, .4);}
#appli .sol-top{display: none;}

#product{padding-top:100px;}
@media (max-width:768px){#product{padding-top:40px;}}
.welcome-info{padding:5% 0;}
.welcome-info .main-part{font-weight: var(--fontbold7);}
.welcome-info .main-part em{font-style: initial;}
.welcome-info .main-part+p{text-align: center;}
.welcome-info .part-item{margin-top:2.5%;}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{position:relative;border:1px solid #EAEAEA;flex:1;margin-right:50px;transition:all .5s;display:block;}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:last-child{margin-right:0px}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;background:var(--color)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{position:absolute;transition:all .5s ease;width:100%;height:100%;display:block}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img a{transition:all .5s ease;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0px;left:0px;display:flex;font-size:var(--fontsize24);transform:translate3d(0,20px,0);opacity:0;color:#FFFFFF;z-index:666}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after{content:"";display:block;padding-top:100%}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item p{color:var(--fontcolor)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{margin:10px 10px 0px;font-size:var(--fontsize18)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{margin:10px;font-size:var(--fontsize16);color:var(--introcolor);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(-2px);box-shadow:0px 0px 15px rgba(0,0,0,.3)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:var(--color)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
@media (min-width:769px){.welcome-info .swiper-part-pagination{display:none;}}
@media (max-width:768px){.welcome-info .part-item{padding:10px 0 50px;}
.welcome-info .part-item .swiper-wrapper .swiper-slide{max-width:50vw}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{font-size:var(--fontsize16);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{font-size:var(--fontsize16)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img{min-height:41vw;background:#FFFFFF}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover{transform:translateY(0);box-shadow:none}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-title{color:var(--color)}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img img{opacity:.4}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item:hover .item-img a{transform:translateZ(0);opacity:1}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{font-size:var(--fontsize18);min-height:0px}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-content{font-size:var(--fontsize14)}}


.home-contact .main-part{text-align: left;text-transform: capitalize;font-weight: var(--fontbold7);}
.home-contact .main-des{color:var(--introcolor);text-transform: uppercase;}
.home-contact .contact-box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;align-items: center;}
.home-contact .contact-box .contact-main{width:40%}
.home-contact .contact-box .contact-main .home-des,.home-contact .contact-box .contact-main .home-title{text-align:left;line-height:1}
.home-contact .contact-box .contact-main .home-line::after{transform:none;left:0px}
.home-contact .contact-box .contact-main .img{width:100%;position:relative;margin-top:20px;}
.home-contact .contact-box .contact-main .img img{width:100%}
.home-contact .contact-box .contact-main .img .box{position:absolute;left:0px;bottom:0px;z-index:1;background:var(--color);color:#FFFFFF;display:flex;align-items:center;justify-content:center;width:100%;max-width:450px;min-height:100px;padding-left:20px}
.home-contact .contact-box .contact-main .img .box .icon{margin-right:20px}
.home-contact .contact-box .contact-main .img .box .tel{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-contact .contact-box .inquiry-wrap{width:55%;background:#FFFFFF;box-shadow:0px 2px 12px 0px rgba(0,0,0,.1);border-top:6px solid var(--color);padding:40px 3%}
.home-contact .send-inquiry .inquiry-form input{width:100%;}
@media (max-width:768px){.home-contact .contact-box .contact-main,.home-contact .contact-box .inquiry-wrap{width:100%;}
.home-contact .contact-box .inquiry-wrap{margin-top:20px;padding:10px;}}
@media (min-width:500px){#swiper-part .swiper-wrapper{transform: initial!important;display: grid;gap: 20px;grid-template-columns: repeat(3,1fr);}
#swiper-part .swiper-slide{width: 100%!important;margin-right: 0!important;}
}
#home-swiper .more-btn{margin-top: 5%}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{color: #4bb23f;font-size: var(--fontsize20);font-weight: var(--fontbold7);}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img img{position:unset}
.welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-img:after{display:none}
.main-part,.advan h3{text-transform: initial;}
.home-videos{padding:0 0 4%;position:relative}
#videoswiper{margin-top:30px}
#videoswiper .videoswiper-pagination{text-align:center;margin-top:30px}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#videoswiper .swiper-slide{background:#F7F7F7;transition:all .2s linear;border-radius:10px;overflow:hidden;height:auto;}
#videoswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#videoswiper .swiper-slide .video{width:100%;}
#videoswiper .swiper-slide .video iframe,#videoswiper .swiper-slide .video img,#videoswiper .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper .swiper-slide p{margin:15px 20px;font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4}
@media (max-width:768px){.home-videos{padding:30px 0px 0px}
#videoswiper{margin-top:20px}}
@media (min-width:1025px){#videoswiper .videoswiper-pagination{display:none}}
@media (max-width:500px){#videoswiper .swiper-slide p{margin:10px}}

.home-projects{position:relative;padding:3% 0px}
.home-projects{background:#F6F6F6;position:relative;z-index:1}
.home-projects::after{content:'';position:absolute;background:#FFFFFF url(https://css02.v15cdn.com/m427/imgs/bg-2.webp);color:var(--fontcolor);filter:opacity(.012);left:0px;top:0px;width:100%;height:100%;z-index:-1}
.home-projects .home-des,.home-projects .home-title{text-align:left}
.home-projects .home-line::after{left:0px;transform:none}
.home-projects .home-more{margin-top:100px}
.home-projects .l-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.home-projects .homeprojects-left{width:500px;padding-right:30px}
.home-projects .homeprojects-right{width:calc(100% - 500px)}
.home-projects .homeprojects-right #project-r{padding-bottom:50px}
.home-projects .homeprojects-right .swiper-slide a{display:flex;width:100%;overflow:hidden}
.home-projects .homeprojects-right .swiper-slide a:hover img{transform:scale(1.05)}
.home-projects .homeprojects-right .swiper-slide .box{position:absolute;left:0px;bottom:0px;background:var(--color);color:var(--headercolor);display:flex;align-items:center;padding:20px;width:100%;max-width:300px;min-height:100px}
.home-projects .homeprojects-right .swiper-slide .box .span{font-size:var(--fontsize14)}
.home-projects .homeprojects-right .swiper-slide .box .title{font-size:var(--fontsize18);font-weight:var(--fontbold7)}
.home-projects .homeprojects-right .swiper-slide .box .box-right{margin-left:20px}
.home-projects .homeprojects-right .project-pagination{text-align:center;bottom:0px;position:absolute}
.home-projects .homeprojects-right .project-pagination .swiper-pagination-bullet{background:var(--color)}
@media(max-width:1280px){
.home-projects .homeprojects-right .swiper-slide .box{max-width:100%;width:100%;padding:10px 15px}
.home-projects .homeprojects-left{width:100%;text-align:center}
.home-projects .home-des,.home-projects .home-title{text-align:center}
.home-projects .home-line::after{left:50%;transform:translateX(-50%)}
.home-projects .home-more{margin-top:30px}
.home-projects .homeprojects-right{width:100%;margin-top:30px}
.home-choose::before{max-width:30%}}
@media(max-width:1024px){.home-projects{padding:50px 0px}}
.home-des {font-size: var(--fontsize16);color: var(--introcolor);text-align: center;margin-bottom: 10px;text-transform: uppercase;}
.home-title {font-size: var(--hometitlefont);font-weight: var(--fontbold7);color: var(--fontcolor);text-align: center;line-height: 1.2;text-transform: capitalize;}
.home-title {font-size: var(--hometitlefont);font-weight: var(--fontbold7);color: var(--fontcolor);text-align: center;line-height: 1.2;text-transform: capitalize;}
.home-line{height:1px;margin-top:10px;position:relative}
.home-line::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:36px;height:3px;background:var(--color)}
.home-more {min-width: 160px;height: 48px;background: var(--color);color: var(--headercolor);border-radius: var(--borderradius);display: inline-flex;align-items: center;justify-content: center;text-transform: capitalize;z-index: 1;position: relative;overflow: hidden;}
.home-more:hover{color:#fff}
#new {padding:70px 0}
#new .new-des{padding:0 20px;margin-bottom:15px;color:var(--introcolor)}
@media (min-width:769px){#new .new-list>li:nth-child(n+4){margin-top:3%;}}
@media (max-width:768px){#new {padding:40px 0}
#new .new-des{padding:0 10px;}
#new .new-list>li:nth-child(n+2){margin-top:10px;}}
#new{ display: none;}