.home-more {min-width:180px;height:56px;background:var(--color);font-weight:var(--fontbold5);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#FFF;position:relative;overflow:hidden}
.home-more em {margin-left:10px;transform:rotate(180deg)}
.home-more:hover{color:#fff}
.home-more:hover::after {width:300px;height:300px}
.home-more::after {content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;width:0px;height:0px;border-radius:50%;background:rgba(0,0,0,.05)}
@media (max-width:1024px){.home-more{min-width:150px;height:46px}}
.home-mainproduct {background:#333;position:relative;padding:4% 0}
.home-mainproduct .mainpro-top {display:flex;align-items:center;justify-content:space-between}
.home-mainproduct .mainpro-top .mainpro-title {max-width:700px}
.home-mainproduct .mainpro-top .mainpro-title .home-title {color:#FFF;text-align:left}
.home-mainproduct .mainpro-top .mainpro-title .des {color:#fff;line-height:30px}
.home-mainproduct .mainpro-top .mainpro-button {display:flex;align-items:center}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev {margin-left:20px;width:49px;height:49px;background:rgba(255,255,255,0.2);border:2px solid rgba(230,232,235,.3);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next.swiper-button-disabled,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next:hover,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev.swiper-button-disabled,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev:hover {background:var(--color)}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next em,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev em {color:#fff;font-size:var(--fontsize22)}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next em{transform:rotate(180deg)}
.home-mainproduct #homemainproduct {margin-top:30px;}
.home-mainproduct .homepro-list .swiper-slide {height:auto;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem{background:#FFF;display:flex;align-items:center;border-radius:4px;position:relative;width:calc(50% - 15px)}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem:nth-child(n + 3){margin-top:30px}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem::before {content:"";position:absolute;top:0px;left:50%;transform:translateX(-50%);width:80%;height:4px;background:#d8d8d8;border-radius:2px;z-index:9;transition:all .1s linear}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem:hover::before {background:var(--color)}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem:hover .info .title {color:var(--color)}
.home-mainproduct .homepro-list .swiper-slide .img {width:40%;display:flex;align-items:center;justify-content:center;height:0;padding-bottom:40%;position:relative;z-index:1;overflow:hidden}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem:hover .img img {transform:scale(1.03)}
.home-mainproduct .homepro-list .swiper-slide .img img {position:absolute;top:0;left:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.home-mainproduct .homepro-list .swiper-slide .info {width:60%;flex:1;padding:20px;box-sizing:border-box}
.home-mainproduct .homepro-list .swiper-slide .info .title {font-size:var(--fontsize18);font-weight:var(--fontbold5);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:20px}
.home-mainproduct .homepro-list .swiper-slide .info .text {font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:20px;color:var(--summarycolor)}
.home-mainproduct .homepro-list .swiper-slide .info .home-more {min-width:140px;height:44px}
.home-mainproduct .mainproduct-more {text-align:center;margin-top:4%}
@media (max-width:768px){.home-mainproduct #homemainproduct {height:auto}
.home-mainproduct .mainpro-top .mainpro-button {display:none}
.home-mainproduct .homepro-list {display:block;height:auto;}
.home-mainproduct .homepro-list .swiper-slide {width:100%;}
.home-mainproduct .homepro-list .swiper-slide .homepro-slideitem{width:100%;margin:0 0 20px!important}
.home-hotproduct .hotpro-button .hotpro-button-next,.home-hotproduct .hotpro-button .hotpro-button-prev {width:40px;height:40px}}
@media (max-width:600px){.home-mainproduct .homepro-list .swiper-slide .info .home-more{display:none}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:0}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 10px 10px 15px}
.home-mainproduct .homepro-list .swiper-slide .img{height:0;padding-bottom:40%;}
.home-mainproduct .homepro-list .swiper-slide .img img{position:absolute;top:0;left:0;}}