.partswiper .swiper-container .swiper-wrapper{padding:8px 0;-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear;-ms-transition-timing-function: linear; -o-transition-timing-function: linear;transition-timing-function: linear;}
.part {border-bottom:2px solid #F2F2F2}
.home-inquiry {padding-bottom:60px}
.adv{margin:0;}
.home-procenter{padding:3% 0;position:relative}
.home-procenter{background:#F6F6F6}
.home-procenter .prolist{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4%}
.home-procenter .prolist li{width:32%;margin-top:2em;margin-bottom:2em}
@media (main-width:769px){.home-procenter .prolist li:nth-child(n+4){margin-top:4em}}
.home-procenter .prolist li a{display:block;background:#fff;border-radius:15px;position:relative;padding:20px;padding-top:140px;transition:all .2s linear;z-index:0;height:250px}
.home-procenter .prolist li a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;z-index:-1;background:var(--color);opacity:.95;border-radius:15px;transition:all .15s linear}
.home-procenter .prolist li a:hover{color:#fff;padding-top:40px}
.home-procenter .prolist li a:hover::after{height:100%}
.home-procenter .prolist li a:hover .icon{opacity:0}
.home-procenter .prolist li a .icon{max-width:156px;}
.home-procenter .prolist li a:hover .bg{opacity:1}
.home-procenter .prolist li a:hover .text{opacity:1;height:auto;margin-top:20px}
.home-procenter .prolist li a:hover .pro-more{color:#fff}
.home-procenter .prolist li a:hover .pro-more img{filter: brightness(360);}
.home-procenter .prolist li .bg{border-radius:15px;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:0;transition:all .15s linear}
.home-procenter .prolist li .icon{position:absolute;right:20px;top:-36px;transition:all .15s linear}
.home-procenter .prolist li .title{font-size:18px;font-weight:600}
.home-procenter .prolist li .text{height:0;opacity:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.home-procenter .prolist li .pro-more{display:flex;align-items:center;justify-content:space-between;color:#666;margin-top:10px}
.home-procenter .prolist li .pro-more em{font-size:22px}
.home-procenter .more-bottom{margin-top:20px;display:flex;justify-content:center;}
.home-procenter .more-bottom .home-more{min-width: 200px;height: 50px;background: var(--color);color: #fff;display: inline-flex;align-items: center;justify-content: center;border-radius: 5px;transition: all .1s linear;padding: 0 20px;}
.home-procenter .more-bottom .home-more:hover{opacity: .9;}
@media (max-width:1024px){.home-procenter{padding:40px 0}
.home-procenter .prolist li{width:48%}}
@media (max-width:768px){.home-procenter .prolist li{margin-top:3em}
.home-procenter .prolist li a .icon{max-width:130px;}}
@media (max-width:500px){.home-procenter .prolist li .title{font-size:16px}
.home-procenter .prolist li .icon{right:0}
.home-procenter .prolist li a{padding:12px;padding-top:120px}}