﻿.l-wrap{padding:0 15px}
#product-swiper .swiper-wrapper{flex-wrap: wrap;justify-content: space-between;}
#product-swiper .swiper-slide{width: 24%;padding: 15px;border: 1px solid #DFDFDF;margin-bottom: 15px;}
.home-product .swiper .swiper-slide .info .btn a {line-height: 14px;background: #f2f2f2;color: #000;display: block;width: 100%;text-align: center;border-radius: 0;}
@media (max-width:1024px) {
#product-swiper .swiper-slide{width:48%;}
}
.home-product .swiper .swiper-slide .img {border: 1px solid #f4f4f4;}
.home-product .product-list .home-button-next, .home-product .product-list .home-button-prev{display:none}
.home-application .swiper-wrapper{justify-content:center}

.home-choose{padding: 3% 0;}
.home-choose .list{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-choose .list .item{width: 32%;margin-bottom: 20px;text-align: center;}
.home-choose .list .title{font-size: var(--fontsize20);font-weight: bold;}
.home-choose .list .des{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;}
@media (max-width:768px) {
  .home-choose .list .item{width: 48%;}
}

.home-about{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .about-img{width:50%}
.home-about .about-img img{width:100%;height:100%;object-fit:cover}
.home-about .about-info{flex:1;position:relative;z-index:1;padding:4% 0}
.home-about .about-info::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--color);opacity:.1;z-index:-1}
.home-about .about-info .p1{color:var(--color);font-size:var(--fontsize14);text-transform:uppercase}
.home-about .about-info .title{font-size:45px;line-height:1.2;font-weight:var(--fontbold5);margin:30px 0px}
.home-about .about-info .list{list-style:none;border-bottom:1px solid #E5E5E5;padding-bottom:20px}
.home-about .about-info .list li{position:relative;padding-left:18px;margin-bottom:10px;font-size:var(--fontsize14)}
.home-about .about-info .list li::before{content:"";position:absolute;left:0px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--color)}
.home-about .about-info .num{display:flex;flex-wrap:wrap;align-items:flex-start;list-style:none;padding:20px 0 30px}
.home-about .about-info .num li{margin-right:40px}
.home-about .about-info .num li:nth-child(3){margin-right:0px}
.home-about .about-info .num li span{color:var(--color);font-size:34px}
.home-about .about-info .num li p{font-size:var(--fontsize14)}
.home-about .about-info .home-more{border-color:#d0d0d0;color:var(--fontcolor)}
.home-about .about-info .home-more:hover{border-color:var(--fontcolor)}

@media(max-width:1280px){
.home-about .about-info .l-wrap{padding:0 5%}
.home-about .about-info .title{font-size:34px}}
@media(max-width:1024px){
.home-about .about-info .title{font-size:var(--fontsize24)}}
@media(max-width:768px){
.home-about .about-img{width:100%}
.home-about .about-info .l-wrap{padding:0px 15px}}
@media(max-width:500px){
.home-about .about-info .title{font-size:var(--fontsize20)}
.home-about .about-info .num li span{font-size:var(--fontsize28,28px)}
.home-about .about-info .num{justify-content:space-between}
.home-about .about-info .num li{width:33%;margin:0px !important}
.home-about .about-info .num li:nth-child(1){text-align:left}
.home-about .about-info .num li:nth-child(2){text-align:center}
.home-about .about-info .num li:nth-child(3){text-align:right}}
.home-about .home-more{margin-right:20px;min-width:170px;padding:0px 20px;height:50px;background:0 0;border:1px solid var(--headercolor);border-radius:30px;color:var(--headercolor);font-weight:var(--fontbold5);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:var(--fontsize14);border-color:#d0d0d0;color:var(--fontcolor);margin-top: 20px;}
.home-about .home-more em{margin-left:10px}
.home-about .about-info .home-more:hover{border-color:var(--fontcolor)}