body {display: flex;flex-direction: column;justify-content: space-between;min-height: 100vh;background-color: #f5f5f5;}
.container {width: 1440px;margin: auto;}

main {background-color: #fff;min-height: calc(100vh - 120px - 420px);padding: 40px 0 100px;}
main .intro img {width: 100%;display: block;}
main .intro.pc {display: block;}
main .intro.m {display: none;}
main ul.news {display: flex;flex-wrap: wrap;gap: 24px;padding: 16px 80px 0;}
main ul.news li {margin-top: 16px;flex: 0 1 31.8%;flex-shrink: 0;}
main ul.news li .picture{overflow: hidden;width: 100%;height: 280px;}
main ul.news li .picture img {width: 100%;height: 100%;object-fit: cover;}
main ul.news li .title {padding: 16px 0 0;color: #1f2b6c;font-size: 24px;font-weight: 900;line-height: 1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
main ul.news li .date{letter-spacing: 0.32px;color: #696984;line-height: 29px;font-size: 16px;}

@media screen and (min-width: 1280px) and (max-width: 1480px) {
    .container {width: auto;max-width: 1280px;margin: auto;}
}

@media screen and (max-width: 1280px) {
    .container {width: auto;max-width: 1280px;margin: auto;padding: 0 40px;}
    
    main {background-color: #fff;min-height: calc(100vh - 120px - 420px);padding: 40px 0 100px;}
    main ul.news {padding: 16px 40px 0;}
    main ul.news li {flex: 0 1 31%;}
    main ul.news li .title {padding: 16px 0 8px;}
}

@media screen and (max-width: 960px) {
    main ul.news li {flex: 0 1 48%;}
}

@media screen and (max-width: 768px) {
    html {font-size: calc(100vw / 7.5);font-size: -webkit-calc(100vw / 7.5);-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;user-select: none;scroll-behavior: smooth;}
    .container {width: 100%;max-width: 100%;margin: auto;padding: 0;flex: 1;}

    main {padding: 0.24rem 0;font-size: 0;}
    main .intro.m {display: block;margin-bottom: 0.24rem;}
    main .intro.pc {display: none;}
    main ul.news {display: flex;flex-direction: column;gap: 0.4rem;padding: 0 0.4rem;}
    main ul.news li {margin-top: 0;flex: 1;}
    main ul.news li .picture{height: 3.2rem;}
    main ul.news li .title {padding: 0.16rem 0 0;font-size: 0.32rem;}
    main ul.news li .date{letter-spacing: 0.0048rem;line-height: 0.43rem;font-size: 0.24rem;}
}