.home-mainproduct{padding:3% 0px;position:relative;background:var(--hovercolor)}
.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:#FFFFFF;text-align:left}
.home-mainproduct .mainpro-top .mainpro-title .des {color:var(--footercolor)}
.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);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:#45546d}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next.swiper-button-disabled em,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next:hover em,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev.swiper-button-disabled em,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev:hover em {color:#091d3e}
.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-next em,.home-mainproduct .mainpro-top .mainpro-button .mainproduct-button-prev em {color:#45546d;font-size:var(--fontsize22)}
.home-mainproduct #homemainproduct {margin-top:30px;height:658px}
.home-mainproduct .homepro-list .swiper-slide {background:#FFFFFF;display:flex;align-items:center;height:calc((100% - 30px)/ 2);border-radius:4px;position:relative}
.home-mainproduct .homepro-list .swiper-slide::before {content:"";position:absolute;top:0px;left:50%;transform:translateX(-50%);width:80%;height:3px;background:#D8D8D8;border-radius:2px;z-index:9;transition:all .1s linear}
.home-mainproduct .homepro-list .swiper-slide:hover::before {background:var(--color)}
.home-mainproduct .homepro-list .swiper-slide:hover .info .title {color:var(--color)}
.home-mainproduct .homepro-list .swiper-slide .img {width:40%;display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1}
.home-mainproduct .homepro-list .swiper-slide:hover .img img {transform:scale(1.03)}
.home-mainproduct .homepro-list .swiper-slide .img img {max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.home-mainproduct .homepro-list .swiper-slide .info {flex:1;padding:20px}
.home-mainproduct .homepro-list .swiper-slide .info .title {font-size:var(--fontsize18);font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px}
.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(--introcolor)}
.home-mainproduct .homepro-list .swiper-slide .info .home-more {min-width:140px;height:44px}
.home-mainproduct .mainproduct-more {text-align:center;margin-top:4%}
.home-mainproduct .home-more {text-transform:capitalize;min-width:180px;height:50px;background:var(--color);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;position:relative;overflow:hidden}
.home-mainproduct .home-more em {margin-left:10px;position:relative;top:2px}
.home-mainproduct .home-more:hover::after {width:300px;height:300px}
.home-mainproduct .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-mainproduct .home-more {min-width:150px;height:46px}.home-mainproduct .homepro-list .swiper-slide .info .home-more {height:44px}
.home-mainproduct #homemainproduct {height:500px}
.home-mainproduct .homepro-list .swiper-slide .info .title {margin-bottom:10px}}
@media (max-width:768px) {.home-mainproduct{padding:30px 0px}
.home-mainproduct #homemainproduct {height:auto}
.home-mainproduct .mainpro-top .mainpro-button {display:none}
.home-mainproduct .homepro-list {display:block}
.home-mainproduct .homepro-list .swiper-slide {margin-bottom:20px}}
@media (max-width:500px) {.home-mainproduct .homepro-list .swiper-slide .info .home-more {display:none}
.home-mainproduct .homepro-list .swiper-slide .info .text {margin-bottom:0px}}

.home-mainproduct .homepro-list .swiper-slide .img img{object-fit:contain;}
.home-mainproduct .homepro-list .swiper-slide .info {width:60%;flex:inherit;}
.home-mainproduct .homepro-list .swiper-slide {height:auto;}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:620px}
.home-mainproduct .homepro-list .swiper-slide {margin-top:10px!important;margin-bottom:10px!important}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:525px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px;}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px;}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}}

.home-hotproduct{padding:3% 0px;position:relative;background:#F4F4F4}
.home-hotproduct .home-title{text-align:center}
.home-hotproduct #hotproswiper {margin-top:2%;padding-bottom:10px}
.home-hotproduct .hotpro-list .swiper-slide {width:23%;background:#FFFFFF;border-radius:5px;overflow:hidden;border:1px solid #EEEEEE}
.home-hotproduct .hotpro-list .swiper-slide:hover .img img {transform:scale(1.02)}
.home-hotproduct .hotpro-list .swiper-slide:hover .title {color:var(--color)}
.home-hotproduct .hotpro-list .swiper-slide .img {display:flex;align-items:center;justify-content:center;width:100%}
.home-hotproduct .hotpro-list .swiper-slide .img img {width:100%;height:100%;object-fit:cover}
.home-hotproduct .hotpro-list .swiper-slide .title {border-top:1px solid #EEEEEE;font-size:var(--fontsize18);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;display:flex;align-items:center;justify-content:center;height:80px;padding:0px 15px}
.home-hotproduct .hotpro-button {display:flex;align-items:center;justify-content:center;margin-top:50px}
.home-hotproduct .hotpro-button .hotpro-button-next,.home-hotproduct .hotpro-button .hotpro-button-prev {margin:0px 10px;width:49px;height:49px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color);border:2px solid var(--color);color:#FFFFFF}
.home-hotproduct .hotpro-button .hotpro-button-next.swiper-button-disabled,.home-hotproduct .hotpro-button .hotpro-button-prev.swiper-button-disabled {background:rgba(255,255,255,0);border:2px solid rgba(93,106,128,.3);color:var(--fontcolor)}
.home-hotproduct .hotpro-button .hotpro-button-next em,.home-hotproduct .hotpro-button .hotpro-button-prev em {font-size:var(--fontsize18)}
@media (max-width:1280px) {.home-hotproduct .hotpro-list .swiper-slide .title {height:70px;line-height:1.4}}
@media (max-width:768px) {.home-hotproduct{padding:30px 0px}
.home-hotproduct .hotpro-button .hotpro-button-next,.home-hotproduct .hotpro-button .hotpro-button-prev {width:40px;height:40px}}
@media (max-width:500px) {.home-hotproduct .hotpro-list .swiper-slide .title {font-weight:var(--fontbold4);font-size:var(--fontsize16)}
.home-hotproduct .hotpro-button {margin-top:20px}}