@import url('https://fonts.googleapis.com/css2?family=Caprasimo&display=swap');
#projects::before{background:var(--color)}
#projects::after{color:#fff;}
#projects .projects-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
#projects .projects-list li{width: 32%;background: #fff;}
#projects .projects-list li:nth-child(-n+3){margin-bottom: 15px;}
#projects .projects-list .li-img{display: block;overflow: hidden;}
#projects .projects-list .li-img img{width: 100%;transition: all .3s ease;vertical-align: bottom;}
#projects .projects-list li:hover .li-img img{transform: scale(1.1);vertical-align: bottom}
#projects .projects-list .li-info{padding: 10px 15px;}
#projects .projects-list .li-info .li-title{display: block;margin-bottom: 10px;text-transform: capitalize;line-height: 1.4;}
#projects .projects-list .li-info .li-title:hover{color: var(--color);}
@media (max-width:900px){#projects .projects-list li{width: 48%;}
#projects .projects-list li:nth-child(-n+4){margin-bottom: 15px;}}
#info .info-item .info-item-tit span{font-family:'Caprasimo'}
#info .info-item .info-item-des{font-family:'Bricolage Grotesque'}
.home-morepro#product{padding-bottom:0;}
#product .pro-list li .pro-img{border:none;}
#product .pro-list li .inner,#projects .projects-list li .inner{border:2px solid var(--color)}
#product .pro-list li .pro-cont,#projects .projects-list .li-info{text-align: center;}
#product .pro-list li .homepro-title,#projects .projects-list li .homepro-title{text-align: center;}
#product .pro-list li .inner .pro-name,#projects .projects-list li .homepro-title .li-title{margin: 10px 0;padding: 3px 10px;background: var(--color);color: #fff;border-radius: 3px;font-family:"Caprasimo",sans-serif}
@media (max-width:768px){#product .pro-list li,#projects .projects-list li{display:flex;flex-direction: column;}
#product .pro-list li .inner, #projects .projects-list li .inner{flex:1}
#product .pro-list li .inner .pro-name,#projects .projects-list li .homepro-title .li-title{max-width:95%;}}
.home-title{font-family:'Caprasimo'}
#product .pro-list li .inner .pro-name, #projects .projects-list li .homepro-title .li-title{ color:#078207;}
.home-banner .swiper-slide>a::after{display: none;}
.home-service .service-item{position:relative}
.home-service .service-item img{aspect-ratio:955/500;object-fit:contain}
.home-service .service-item .box .text{margin-bottom:20px}
.home-service .service-item .box .text{width:100%;max-width:unset}
.home-service .service-item:nth-child(1) .box{padding-left:8%}
/*.home-service .service-item::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:1}*/
.home-service .service-item .box{z-index:2}
@media (max-width:768px){.home-service .service-item:nth-child(1) .box{padding:20px 15px}
}@media (max-width:500px){.home-service .service-item .box .text{font-size:12px}
.home-service  .home-more{font-size:12px}
}@media (max-width:1024px){.home-service .service-item img{aspect-ratio:unset;object-fit:contain}
}
.home-service .service-item .box .title{color:#078207;font-family:'Caprasimo';font-size:var(--hometitlefont);}
.home-service .service-item:nth-child(n+3) .box{top:0!important;}
.home-service .service-item .box{color:var(--fontcolor);padding:5%!important}
.home-service .service-item .box .text{text-shadow:1px 1px 2px #fff}
.home-service .service-item .box .home-more{border-color:var(--fontcolor);color:var(--fontcolor)}
@media (max-width:1280px){.home-service .service-item .box .title{margin-bottom:8px}
.home-service .service-item .box .text{line-height:1.5}
.home-service .service-item .box{padding:3%!important}
.home-service .service-item .box .home-more{height:42px;min-width:140px}
.home-service .service-item .box .home-more em{margin-left:5px}}
@media (max-width:1080px){.home-service .service-item{width:100%}}
@media (max-width:768px){.home-service .service-item .box{top:0!important;padding:15px!important}}

.home-liteyou{padding:2% 0}
.home-liteyou lite-youtube{max-width:100%;width:100%;height:500px;max-height:70vh}
.home-hotpro .hotpro-main .hotpro-wrap{ width: 100%;}
.home-liteyou .flex{display: flex;justify-content: space-between;}
.home-liteyou .flex .item{width: 48%;}
@media (max-width:1024px) {
.home-liteyou .flex{display: block;}
.home-liteyou .flex .item{width: 100%;margin-bottom: 20px;}
}
.home-service .service-item:nth-child(1) .box{bottom: auto;top: 0px;}
.home-hotpro .hotpro-main .swiper-slide .img{background:initial}