@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.news-page-responsibility{background-color:#fcfcfc;font-family:PingFang SC,Microsoft YaHei,sans-serif}.news-page-responsibility .banner-wrapper{-o-object-fit:cover;object-fit:cover;filter:brightness(.9);--wave-width:90px;--wave-height:60px;--radius:88px;--mask:linear-gradient(#000 0 0)top/100% calc(100% - var(--wave-height))no-repeat,radial-gradient(var(--radius)at 50% calc(100% - var(--wave-height)*1.5),#000 99%,#0000 101%)calc(50% - var(--wave-width)/2)100%/var(--wave-width)calc(var(--wave-height)*2)repeat-x,radial-gradient(var(--radius)at 50% calc(100% + var(--wave-height)*.5),#0000 99%,#000 101%)50% calc(100% - var(--wave-height))/var(--wave-width)calc(var(--wave-height)*2)repeat-x;width:100%;height:400px;-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask)}.news-page-responsibility .banner-wrapper .about-banner{-o-object-fit:cover;object-fit:cover;filter:brightness(.9);width:100%;height:100%}.news-page-responsibility .banner-wrapper .banner-content{color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.news-page-responsibility .banner-wrapper .banner-content h2{letter-spacing:.5rem;font-size:2.5rem;font-weight:300}.news-page-responsibility .banner-wrapper .banner-content .line{background:#fff;width:40px;height:1px;margin:20px auto}.news-page-responsibility .news-list{max-width:1100px;margin:0 auto;padding:60px 20px 40px}.news-page-responsibility .news-list .title-box{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.news-page-responsibility .news-list .title-box .main-title{margin:0}@media (max-width:768px){.news-page-responsibility .news-list .title-box{flex-direction:column;align-items:flex-start;gap:20px}}.news-page-responsibility .news-list .title-box .left .tag{color:#1a4999;letter-spacing:2px;margin-bottom:8px;font-size:12px;font-weight:700}.news-page-responsibility .news-list .title-box .left .main-title{align-items:center;font-size:32px;font-weight:800;display:flex}.news-page-responsibility .news-list .title-box .left .main-title:after{content:"";background:#1a4999;border-radius:2px;width:40px;height:4px;margin-left:15px}.news-page-responsibility .news-list .title-box .category-tabs{gap:12px;display:flex}.news-page-responsibility .news-list .title-box .category-tabs .tab-item{cursor:pointer;color:#666;background:#fff;border:1px solid #eee;border-radius:25px;padding:8px 24px;font-size:14px;transition:all .4s cubic-bezier(.165,.84,.44,1)}.news-page-responsibility .news-list .title-box .category-tabs .tab-item.active{color:#fff;background:#1a4999;border-color:#1a4999;box-shadow:0 4px 12px #1a49994d}.news-page-responsibility .news-list .content-grid{flex-direction:column;gap:30px;display:flex}.news-page-responsibility .news-list .content-grid a{text-decoration:none}.news-page-responsibility .news-list .content-grid .image-wrapper{background:#fff;border:1px solid #0000000d;border-radius:8px;height:240px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #00000008}@media (max-width:768px){.news-page-responsibility .news-list .content-grid .image-wrapper{flex-direction:column;height:auto}}.news-page-responsibility .news-list .content-grid .image-wrapper:hover{transform:translate(10px);box-shadow:0 20px 40px #00000014}.news-page-responsibility .news-list .content-grid .image-wrapper:hover .img-container img{transform:skew(12deg)scale(1.1)}.news-page-responsibility .news-list .content-grid .image-wrapper:hover .buy-btn .arrow-icon{transform:translate(5px)}.news-page-responsibility .news-list .content-grid .image-wrapper .img-container{background:#eee;flex:0 0 400px;margin-left:-26px;position:relative;overflow:hidden;transform:skew(-12deg)}@media (max-width:768px){.news-page-responsibility .news-list .content-grid .image-wrapper .img-container{flex:0 0 220px;width:100%;margin-left:0;transform:none}}.news-page-responsibility .news-list .content-grid .image-wrapper .img-container img{-o-object-fit:cover;object-fit:cover;width:120%;height:100%;transition:transform .6s;transform:skew(12deg)}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box{flex-direction:column;flex:1;justify-content:center;padding:30px 40px;display:flex}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box .item-title{color:#333;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:15px;font-size:20px;font-weight:700;display:-webkit-box;overflow:hidden}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box .item-desc{color:#777;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:25px;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box .item-footer{border-top:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box .item-footer .price b{color:#aaa;font-weight:400}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box .item-footer .buy-btn{color:#1a4999;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;display:flex}.news-page-responsibility .news-list .content-grid .image-wrapper .info-box .item-footer .buy-btn .arrow-icon{font-size:18px;line-height:1;transition:transform .3s}.news-page-responsibility .skeleton-card{background:#fff;border-radius:8px;height:240px;margin-bottom:20px;display:flex;overflow:hidden}.news-page-responsibility .skeleton-card .s-img{background:#f2f2f2;flex:0 0 400px;margin-left:-26px;transform:skew(-12deg)}.news-page-responsibility .skeleton-card .s-info{flex-direction:column;flex:1;justify-content:center;padding:30px 40px;display:flex}.news-page-responsibility .skeleton-card .s-info .s-line{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 50%,#f2f2f2 75%) 0 0/200% 100%;border-radius:4px;margin-bottom:12px;animation:1.5s infinite skeleton-shimmer}.news-page-responsibility .skeleton-card .s-info .s-line.title{width:50%;height:24px}.news-page-responsibility .skeleton-card .s-info .s-line.desc{width:100%;height:16px}.news-page-responsibility .skeleton-card .s-info .s-line.desc-short{width:70%;height:16px}.news-page-responsibility .no-data{text-align:center;color:#999;flex-direction:column;align-items:center;gap:20px;padding:100px 0;font-size:18px;display:flex}