.home-choose {background:url(/uploads/41201/banner/20260617105608ea1b9.png) no-repeat;background-size:cover;}
.homecate-top .home-icon,.home-cate .homecate-top .right{display:none}
.home-cate .homecate-top{justify-content:center}
.home-cate .list{padding:0;gap:20px}
.home-cate .list li:nth-child(1){position:relative}
.home-cate .list li{width:calc(50% - 10px)!important;aspect-ratio:789/418!important;margin:0!important}
.home-cate .list li .title{background:none}
@media (max-width:768px){.home-cate .list{margin-top:15px}
.home-cate .list li{width:100%!important}}
@media (min-width:769px){.home-about .l-wrap{flex-direction:row-reverse}
}

.home-featured{background: #1B395B;padding: 4% 0;color: #fff;}
.home-featured .home-des{color: #fff;}
.home-featured .list{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-featured .list .item{width: 32%;position: relative;}
.home-featured .list .bgimg img{width: 100%;}
.home-featured .list .info{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #00000050;display: flex;flex-direction: column;justify-content: center;align-items: center;opacity: 0;transition: .3s;}
.home-featured .list .title{margin-bottom: 10px;font-size: var(--fontsize20);font-weight: var(--fontbold6);}
.home-featured .list .item:hover .info{opacity: 1;}
@media (max-width:768px) {
  .home-featured .list .item{width: 100%;margin-bottom: 10px;opacity: 1;}
}

.home-about .aboutimg{position: relative;padding: 0px 5%;}
.home-about .aboutimg .top{position:absolute;width:40px;height:40px;border-radius:10px;background-color:#f7f9fd;display:flex;align-items:center;justify-content:center;top:-3%;right:7%;z-index:1}
.home-about .aboutimg .top::after{content:'';display:inline-block;width:70%;height:70%;border-radius:5px;background-color:var(--color)}
.home-about .aboutimg .bottom{position:absolute;bottom:-5%;left:0px;background-color:#f7f9fd;border-radius:10px;width:160px;height:160px;display:flex;align-items:center;justify-content:center}
.home-about .aboutimg .bottom div{width:85%;height:85%;background-color:#ebf0fb;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.home-about .aboutimg .bottom div .num{color:var(--color);font-size:var(--fontsize30);font-weight:var(--fontbold5);line-height:1.2}
.home-about .aboutimg .bottom div span{color:var(--introcolor);font-size:var(--fontsize18);line-height:1.2}
@media (max-width:1024px) {.home-about .aboutimg .top,.home-about .aboutimg .bottom{display: none;}}