.page-hotnews{background:#f7f7f7;padding:3% 0;border-top:2px solid #fff}
.page-hotnews .swiper-slide{display:flex}
.page-hotnews .swiper-slide .img{width:60%;border-radius:10px}
.page-hotnews .swiper-slide .img img{width:100%;transition:all .1s linear}
.page-hotnews .swiper-slide .img:hover img{transform:scale(1.01)}
.page-hotnews .swiper-slide .info{flex:1;position:relative}
.page-hotnews .swiper-slide .info .box{background:#FFFFFF;padding:15% 10%;border-radius:3px;position:absolute;top:50%;transform:translateY(-50%);right:0;width:calc(100% + 100px);min-height:80%;box-shadow:-3px 0px 5px #eee}
.page-hotnews .swiper-slide .info .date{color:var(--color);text-transform:uppercase;margin-bottom:10px}
.page-hotnews .swiper-slide .info .title{font-size:24px;line-height:1.2}
.page-hotnews .swiper-slide .info .title:hover{color:var(--color)}
.page-hotnews .swiper-slide .info .text{margin-top:20px;margin-bottom:30px;font-size:var(--fontsize14);color:#666}
.page-hotnews .swiper-slide .info .more{position:relative;display:inline-flex;align-items:center;font-size:var(--fontsize14);text-transform:uppercase;padding-bottom:4px}
.page-hotnews .swiper-slide .info .more:hover{color:var(--color)}
.page-hotnews .swiper-slide .info .more:hover::after{background:var(--color);width:100%}
.page-hotnews .swiper-slide .info .more em{margin-left:10px}
.page-hotnews .swiper-slide .info .more::after{content:"";position:absolute;left:0;bottom:0;width:50px;height:1px;background:#333333;transition:width .1s linear}
.page-hotnews .hotnews-pagination{position:absolute;bottom:20%;left:auto;right:30px;width:auto;z-index:1}
.page-hotnews .hotnews-pagination .swiper-pagination-bullet{width:11px;height:11px;background:#e1e1e1;border-radius:50%;opacity:1}
.page-hotnews .hotnews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFFFFF;border-radius:50%;border:2px solid #272727}
@media (max-width:1280px){.page-hotnews .swiper-slide .info .title{font-size:20px}
.page-hotnews .swiper-slide .img{width:50%;border-radius:10px 0 0 10px}
.page-hotnews .swiper-slide .info .box{width:100%;position:static;transform:none;height:100%;padding:20px}}
@media (max-width:1024px){.page-hotnews{margin-top:30px;padding:20px 0}
.page-hotnews .swiper-slide .info .date{font-size:var(--fontsize14)}
.page-hotnews .swiper-slide .info .text{margin:10px 0}
.page-hotnews .hotnews-pagination{bottom:0}}
@media (max-width:768px){.page-hotnews .swiper-slide{flex-direction:column}
.page-hotnews .swiper-slide .img{border-radius:0}
.page-hotnews .swiper-slide .img{width:100%}
.page-hotnews .swiper-slide .info .box{box-shadow:0px -3px 5px #eee}}
.pro-list.list0 {display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.pro-list.list0 li {width:100%;margin:0;flex-direction:column;}
.pro-list.list0 li .pro-img {width:100%;}
.pro-list.list0 li .pro-info{padding:15px}
@media (max-width:1024px){.pro-list.list0{grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){.pro-list.list0{grid-template-columns:repeat(2,1fr);gap:15px}
.pro-list.list0 li .pro-info{padding:10px}}