﻿
 .home-choose .choose-container .item {
    height: auto;
    width: 24%;
    border: 1px solid #DDDDDD;
    border-radius: var(--borderradius);
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 30px;
    transition: all .2s ease;
}

.home-choose .choose-container .item .show-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-choose .choose-container .item em {
    color: var(--color);
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.home-choose .choose-container .item .item-tit {
    color: var(--fontcolor);
    font-size: var(--fontsize24);
    font-weight: var(--fontbold5);
    text-transform: capitalize;
    text-align: center;
}

.home-choose .choose-container .item .item-text {
    margin: 10px 0px;
}

.home-choose .choose-container .item .item-text p {
    color: var(--introcolor);
    font-size: var(--fontsize16);
    text-align: center;
}

.home-choose .choose-container{display: flex;justify-content: space-between;margin-top: 3%;}
.home-choose .choose-text{width:80%;text-align:center;margin:0px auto;margin-top:20px}
.home-choose .choose-text p{color:var(--introcolor);font-size:var(--fontsize16)}
.home-choose .choose-list{display:flex;justify-content:space-between;margin-top:3%}
.home-choose .choose-list .item{height:auto;width:24%;border:1px solid #DDDDDD;border-radius:var(--borderradius);overflow:hidden;position:relative;box-sizing:border-box;padding:30px;transition:all .2s ease}
.home-choose .choose-container .item{width: 24%;}
.home-choose .choose-list .item .show-item{display:flex;flex-direction:column;align-items:center}
.home-choose .choose-list .item em{color:var(--color);font-size:48px;line-height:1.2;margin-bottom:10px}
.home-choose .choose-list .item .item-tit{color:var(--fontcolor);font-size:var(--fontsize24);font-weight:var(--fontbold5);text-transform:capitalize;text-align:center}
.home-choose .choose-list .item .item-text{margin:10px 0px}
.home-choose .choose-list .item .item-text p{color:var(--introcolor);font-size:var(--fontsize16);text-align:center}
.home-choose .choose-list .item .hover-item{background-color:var(--color);position:absolute;width:100%;height:100%;left:0px;top:0px;box-sizing:border-box;padding:40px;z-index:10;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;opacity:0}
.home-choose .choose-list .item .hover-item .item-tit{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .item-text p{color:#FFFFFF}
.home-choose .choose-list .item .hover-item .read-more{background-color:#FFFFFF;color:var(--color);border-radius:var(--borderradius);width:110px;box-sizing:border-box;padding:6px 0px;display:inline-flex;align-items:center;justify-content:center}
.home-choose .choose-list .item:hover{transform:translateY(-10px);border-color:transparent}
.home-choose .choose-list .item:hover .hover-item{opacity:1}
@media(max-width:768px){.home-choose .swiper{padding-bottom:40px}
.home-choose .swiper-pagination{bottom:10px}
.home-choose .choose-text{width:100%}
.home-choose .choose-list .item{padding:20px}
.home-choose .choose-list .item .hover-item{padding:20px}
.home-choose .choose-container .item{padding:20px}
.home-choose .choose-container .item .hover-item{padding:20px}}
@media(max-width:550px){
  .home-choose .choose-list .item .item-tit{font-size:var(--fontsize20)}
.home-choose .choose-container .item .item-tit{font-size:var(--fontsize20)}
}