.hba1{position: absolute;top: 10%;left: 50%;transform: translateX(-50%);text-align: center;}
.hba1 .tit{color:var(--color);font-size: 30px; text-shadow: -1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;font-weight: 600;}
.hba1 .tit span{font-size: 80px;font-style: italic;}
.hba1 .smtit{font-size: 40px; color: red;text-shadow: -1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;font-weight: bold;}
.hba1 .txt{color: #fff;}
@media(max-width:1600px){.hba1 .smtit{font-size: 24px; }}
@media(max-width:1280px){.hba1 .tit{font-size:20px;}}
@media(max-width:1024px){.hba1 .smtit{display:none;}.hba1 .tit span{font-size:18px;}.hba1 .txt{display:none;}}

.hba2{position: absolute;top: 10%;left: 10%;}
.hba2 .tit{font-weight: 600;font-size: 60px;color: #fff;text-transform: uppercase;}
.hba2 .txt{color: #fff;}
.hba2 .more{display: inline-block !important;  color: var(--color);background: #fff;text-transform: capitalize;padding: 5px 10px;font-size: 24px;width: auto !important;margin-top: 5%;}
@media(max-width:1440px){.hba2 .tit{font-size: 30px;}}
@media(max-width:1024px){.hba2 .txt{display:none;}.hba2 .more{display:none !important;}.hba2 .tit{font-size: 18px;}}

.aboutyjco2 .l-wrap{display:flex}
.aboutyjco2 .l-wrap > div{width:50%}
.aboutyjco2 .wkab-l{display:flex}
.aboutyjco2 .wkab-l img{width:100%;height:100%}
.aboutyjco2 .wkab-r{padding:30px;background:#e9e9f0}
.aboutyjco2 .wkab-r .home-title{color:var(--color);text-align:left}
.aboutyjco2 .wkab-r .home-des{text-align:left}
.aboutyjco2 .wkab-r .info p{margin-bottom:10px}
.aboutyjco2 .wkab-r .numlist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}
.aboutyjco2 .wkab-r .numlist .item{width:31%;text-align:center}
.aboutyjco2 .wkab-r .numlist .num{color:var(--color);font-size:var(--fontsize20);font-weight:var(--fontbold7);height:64px}
.btn a{display:inline-block;width:auto;padding:8px 20px;border-radius:30px;border:1px solid #000;margin-top:20px}
@media (max-width:1024px){.aboutyjco2 .l-wrap{flex-wrap:wrap}
.aboutyjco2 .l-wrap .home-des{padding:0}
.aboutyjco2 .l-wrap > div{width:100%}}
.whatis{margin-top:3%;padding:3% 0;background:url(/uploads/42480/page/p20250529114725d79e0.jpg) no-repeat center;background-size:cover}
.whatis .whatsblakcbg{max-width:80%;width:auto;padding:30px;background-color:#00000040;margin:auto}
.whatis .home-des{color:#56942d;text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;font-weight:var(--fontbold7);font-size:var(--fontsize20);padding:0}
.whatis .home-title{padding:0;color:#fff;font-weight:var(--fontbold7);margin:15px 0;font-size:var(--fontsize24);}
.whatis .whatsinfo{color:#fff}
.whatis .btn{text-align:center}
.whatis .btn a{color:#fff;background:#56942d;border-radius:5px;font-size:var(--fontsize20);font-weight:var(--fontbold7);border:none;}
@media (max-width:1024px){.whatis .home-des,.whatis .whatsinfo{display:none}}
.home-des span{font-weight:var(--fontbold7);font-size:var(--fontsize15)}
.home-welcome .home-des span{font-size:var(--fontsize16)}
.home-product .swiper .swiper-slide .info .more a{display:inline-block;margin-top:8px;color:var(--color);text-transform: capitalize;}
.home-serves{padding: 3% 0;}
.home-serves .serveslist{display: flex;margin-top: 28px;flex-wrap: wrap;justify-content: space-between;}
.home-serves .home-title{padding: 0 15px 15px;position: relative;text-align: center;font-weight: bold;margin-bottom: 28px;line-height: 1.5}
.home-serves .home-des{padding: 0;line-height: 1.8;}
.home-serves .line{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 50px;height: 3px;background: var(--color);}
.home-serves .serveslist .item{width: 23%;margin: 10px;}
.home-serves .serveslist img{width: 100%;display: block;max-width: 100%;border: 1px solid #eee;box-shadow: 0 0 24px 0 rgba(35, 24, 21, .11);transition: all .3s ease-in-out;}
.home-serves .serveslist img:hover{transform: scale(1.02);}
@media (max-width:1024px) {.home-serves .serveslist .item{width: 48%;}}
.home-application{margin-top:4%;}
@media (max-width:768px){.home-application{margin-top:30px;}
.whatis .whatsblakcbg{padding:15px;}
.whatis .home-title{font-size:var(--fontsize20)}
.whatis .btn a{margin-top:10px;font-size:var(--fontsize14)}}
.whatis .whatsinfo{text-align:center}
.whatis .home-title{line-height:1.3}
.home-banner .swiper-slide .hba2 .more{background: var(--color);color: #fff;}
.home-product .home-title,.home-news .home-title{color:var(--color)}
.home-about .about-info .more a:nth-child(2){margin-left:15px;}