@charset "utf-8";
.news_list.page_list{padding:5% 0 3%;}
.news_list .right{min-width:0;}
.news_grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:0;}
.news_card{display:flex;flex-direction:column;padding:0 0 28px;margin:0 0 28px;min-width:0;}
.news_card .thumb{display:block;position:relative;width:100%;padding-bottom:62%;overflow:hidden;background:#f0f0f0;margin-bottom:18px;}
.news_card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.news_card:hover .thumb img{transform:scale(1.04);}
.news_card .title{margin:0 0 10px;font-size:18px;font-weight:700;color:#1a365d;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_card .title:hover{color:#111;}
.news_card .desc{margin:0 0 16px;font-size:16px;color:#777;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_card .date{margin:0;padding-top:14px;border-top:1px solid #ececec;font-size:16px;color:#999;line-height:1.4;}
.news_list .pagination{margin:10px auto 0;gap:10px;align-items:center;}
.news_list .pagination a,.news_list .pagination span{width:36px;min-width:36px;height:36px;margin:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#666;font-size:16px;}
.news_list .pagination a.prev,.news_list .pagination a.next{font-size:0;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:10px auto;}
.news_list .pagination a.prev{background-image:url(../images/right.webp);transform:scaleX(-1);}
.news_list .pagination a.next{background-image:url(../images/right.webp);}
.news_list .pagination span.current,.news_list .pagination a:hover{background-color:#111;border-color:#111;color:#fff;}
.news_list .pagination a.prev:hover,.news_list .pagination a.next:hover{background-color:#111;background-image:url(../images/right_w.webp);}
.news_about{padding:3% 0 5%;}
.news_about_inner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;}
.news_about .media{position:relative;display:block;width:100%;padding-bottom:68%;overflow:hidden;background:#eee;border-radius:4px;}
.news_about .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease;}
.news_about .media:hover img{transform:scale(1.03);}
.news_about .media .play{position:absolute;left:50%;top:50%;z-index:2;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,.7);box-shadow:0 6px 20px rgba(0,0,0,.16);pointer-events:none;transition:transform .3s,background .3s;}
.news_about .media .play::after{content:"";position:absolute;left:52%;top:50%;transform:translate(-40%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #fff;}
.news_about .media:hover .play{transform:scale(1.06);}
.news_about .info{min-width:0;}
.news_about .info > .title{margin:0 0 14px;font-size:clamp(32px,3.4vw,44px);color:#111;line-height:1.2;}
.news_about .info > .sub{margin:0 0 18px;font-size:18px;color:#222;line-height:1.4;}
.news_about .info .text{margin:0 0 14px;font-size:16px;color:#666;line-height:1.75;}
.news_about .info .link{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:12px 28px;background:#111;color:#fff;font-size:16px;border:1px solid #111;border-radius:2px;transition:all .3s;}
.news_about .info .link:hover{background:#fff;color:#111;}
@media only screen and (max-width:1100px){.news_about_inner{grid-template-columns:1fr;gap:28px;}
.news_about .media{padding-bottom:56%;}
}
@media only screen and (max-width:950px){.news_list.page_list{padding:8% 0 5%;}
.news_grid{grid-template-columns:1fr;column-gap:0;}
.news_card{padding-bottom:22px;margin-bottom:22px;}
.news_card .title{font-size:17px;}
.news_card .desc{font-size:16px;}
.news_about{padding:4% 0 8%;}
.news_about .info > .title{font-size:28px;}
.news_about .info > .sub{font-size:16px;}
}
@media only screen and (max-width:640px){.news_card .thumb{margin-bottom:14px;padding-bottom:58%;}
.news_list .pagination a,.news_list .pagination span{width:32px;min-width:32px;height:32px;}
.news_about .media .play{width:52px;height:52px;margin:-26px 0 0 -26px;}
.news_about .info .link{width:100%;box-sizing:border-box;}
}