.panel-news{overflow:hidden}.panel-news.gray{background:#f5f5f7}.panel-news .inner{display:flex;flex-direction:column;margin:0 auto;max-width:1760px;padding:60px 80px;position:relative}.panel-news .inner .home-header{position:relative}.panel-news .inner .home-header .news-page-title{font-size:36px;line-height:36px}.panel-news .inner .home-header .swp-arrow{background:#0000;color:#000;font-size:24px;line-height:24px;position:absolute;right:0}.panel-news .inner .home-header .swp-arrow:after{display:none}.panel-news .inner .home-header .swp-arrow span{transition:.3s ease}.panel-news .inner .home-header .swp-arrow.swiper-button-prev{left:auto;right:40px;transform:rotate(180deg)}.panel-news .inner .home-header .swp-arrow.swiper-button-next:hover span,.panel-news .inner .home-header .swp-arrow.swiper-button-prev:hover span{transform:translate(2px);transition:.3s ease}.panel-news .inner .swiper{overflow:visible;padding-bottom:20px;width:100%}.panel-news .inner .swiper .swiper-slide{font-size:0;max-width:265px}.panel-news .inner .swiper .swiper-slide .news-list{display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-top:30px}.panel-news .inner .swiper .swiper-slide .news-list:hover .top .pre-card .image{transform:scale(1.2);transition:transform 8s cubic-bezier(.25,.46,.45,.94)}.panel-news .inner .swiper .swiper-slide .news-list:hover .top .title span{background-size:100% 1px}.panel-news .inner .swiper .swiper-slide .news-list .top .pre-card{height:100%;margin-bottom:20px;max-height:200px;max-width:265px;overflow:hidden;pointer-events:none;width:100%}.panel-news .inner .swiper .swiper-slide .news-list .top .pre-card .image{height:198px;object-fit:cover;transition:transform 8s cubic-bezier(.25,.46,.45,.94);width:100%}.panel-news .inner .swiper .swiper-slide .news-list .top .pre-card .box-video{height:200px;width:265px}.panel-news .inner .swiper .swiper-slide .news-list .top .pre-card .box-video .video-js{height:100%;width:100%}.panel-news .inner .swiper .swiper-slide .news-list .top .pre-card .box-video .video-js .vjs-tech{object-fit:cover}.panel-news .inner .swiper .swiper-slide .news-list .top .type{color:#d26132;font-size:16px;letter-spacing:1px;line-height:16px;margin-bottom:16px;padding:0 10px;text-transform:uppercase}.panel-news .inner .swiper .swiper-slide .news-list .top .type.green{color:#72a736}.panel-news .inner .swiper .swiper-slide .news-list .top .type.blue{color:#75c2cd}.panel-news .inner .swiper .swiper-slide .news-list .top .type .author{color:#0009;font-size:16px;line-height:16px}.panel-news .inner .swiper .swiper-slide .news-list .top .title{color:#000;display:-webkit-box;font-size:22px;-webkit-line-clamp:3;line-height:22px;-webkit-box-orient:vertical;max-height:84px;overflow:hidden;padding:0 10px}.panel-news .inner .swiper .swiper-slide .news-list .top .title span{background-image:linear-gradient(#000,#000);background-position:0 90%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .3s ease}.panel-news .inner .swiper .swiper-slide .news-list .bottom{opacity:0;padding-top:20px;transition:all .35s}.panel-news .inner .swiper .swiper-slide .news-list .bottom .description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6e767a;font-size:22px;line-height:24px;margin-top:16px}.panel-news .inner .swiper .swiper-scrollbar{background-color:#0000001f;bottom:0;height:2px;left:0;width:100%}.panel-news .inner .swiper .swiper-scrollbar .swiper-scrollbar-drag{background-color:#000;cursor:grab}.panel-news .inner .view-all{align-self:flex-end;color:#000;display:inline-block;font-size:22px;line-height:24px;margin-top:50px}.panel-news .inner .view-all:hover .ic{transform:translate(5px)}.panel-news .inner .view-all .ic{display:inline-block;font-size:14px;line-height:22px;margin-right:10px;transition:all .35s}@media(max-width:1279px){.panel-news .inner{padding:60px 40px 40px}}@media screen and (max-width:767px){.panel-news .inner{padding:40px 0 30px}.panel-news .inner .home-header{padding-left:20px}.panel-news .inner .home-header .news-page-title{font-size:24px;line-height:24px}.panel-news .inner .swiper{padding-bottom:30px}.panel-news .inner .swiper .swiper-slide .news-list .top .type{margin-bottom:20px;padding-left:12px}.panel-news .inner .swiper .swiper-slide .news-list .top .title{font-size:20px;line-height:21px;padding-left:12px}.panel-news .inner .swiper .swiper-slide .news-list .bottom{max-height:100%;opacity:1}.panel-news .inner .view-all{margin-top:30px;padding-right:20px}}