@charset "utf-8";
.prodetails-bref{color:#000}
.pages-list>div span:nth-child(2),.procate-list li a{word-break:break-word}
.about-r-list{max-width:90%}
.about-l img{object-fit:contain}
#swiper-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1700px;color:#fff;padding:0 70px;opacity:0;text-align:center}
#swiper-banner .banner-animote .title{font-size:36px;font-weight:var(--fontbold6);margin-bottom:25px;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;line-height:1.3}
#swiper-banner .banner-animote .text{font-size:18px;font-weight:var(--fontbold5);opacity:.8}
#swiper-banner .banner-animote .bannerbtn{display:flex;justify-content:center}
#swiper-banner .banner-animote .bannerbtn a{font-size:18px;background:var(--color);color:#fff;line-height:1.3;display:block;padding:10px 20px;border-radius:6px;text-transform:capitalize}
#swiper-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:30px}
100%{opacity:1;margin-top:0}}
@media(max-width:1366px){#swiper-banner .banner-animote .title{font-size:30px;margin-bottom:10px}
#swiper-banner .banner-animote .text{font-size:16px}}
@media(max-width:1024px){#swiper-banner .banner-animote{padding:0 20px}}
@media(max-width:768px){#swiper-banner .banner-animote .title{font-size:20px}
#swiper-banner .banner-animote .bannerbtn a{font-size:14px;padding:6px 12px}}
@media(max-width:560px){#swiper-banner .banner-animote .title{font-size:16px}
#swiper-banner .banner-animote .bannerbtn a{font-size:13px;padding:5px 10px}}
.homepro-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 0}
.homepro-list>div{width:49%;background:#fff;display:flex;align-items:center;border-radius:4px;position:relative}
.homepro-list>div::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:4px;background:#d8d8d8;border-radius:2px;z-index:9;transition:all .1s linear}
.homepro-list>div:hover::before{background:var(--color)}
.homepro-list>div:hover .info .title{color:var(--color)}
.homepro-list>div .img{width:40%;display:flex;align-items:center;justify-content:center;height:100%;position:relative;z-index:1;overflow:hidden}
.homepro-list>div:hover .img img{transform:scale(1.03)}
.homepro-list>div .img img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover;transition:.3s}
.homepro-list>div .info{flex:1;padding:20px}
.homepro-list>div .info .title{font-size:18px;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:20px;line-height:1.3}
.homepro-list>div .info .text{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:20px;color:var(--summarycolor)}
.homepro-list>div .info .home-more{min-width:140px;height:44px;background:var(--color);font-weight:var(--fontblod5);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}
.homepro-list>div .info .home-more img{margin-left:10px}
.homepro-list>div .info .home-more:hover::after{width:300px;height:300px}
.homepro-list>div .info .home-more::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.05)}
@media (max-width:1080px){.homepro-list>div .info .title{margin-bottom:10px}
.homepro-list>div .info .text{font-size:15px;margin-bottom:14px}}
@media (max-width:800px){.homepro-list>div{width:100%;margin-bottom:25px}}
@media (max-width:500px){.homepro-list>div .info .home-more{display:none}
.homepro-list>div .info .text{margin-bottom:0}}
div.floatwindow_fd_main{right:-270px}