.header {
    background-image: url(../images/d.png);
    background-repeat: no-repeat;
    height: 480px;
    position: relative;

    .container {
        display: block;
        position: relative;

        .header-content {
            height: 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }

        .header-title {
            margin-top: 112px;

            .header-title-cn {
                font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                font-weight: bold;
                font-size: 48px;
                color: #FFFFFF;
                line-height: 56px;
                margin-bottom: 16px;
            }

            .header-title-en {
                font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                font-weight: 300;
                font-size: 28px;
                color: #FFFFFF;
                line-height: 36px;
            }
        }
    }
}

.header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.dynamics {
    width: 1920px;
    margin: 0 auto;
    padding-top: 120px;
    padding-bottom: 120px;

    .container {
        width: 1280px;
        margin: 0 auto;

        .dynamics-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            .dynamics-content-item {
                flex: 0 0 632px;
                height: 544px;
                margin-bottom: 32px;

                img {
                    width: 100%;
                }

                .dynamics-content-item-text {
                    .dynamics-content-item-text-title {
                        font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                        font-weight: 400;
                        font-size: 22px;
                        color: #000000;
                        line-height: 30px;
                        margin-bottom: 16px;
                    }

                    .dynamics-content-item-text-desc {
                        font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                        font-weight: 400;
                        font-size: 16px;
                        color: #646464;
                        line-height: 24px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        -webkit-line-clamp: 1;
                    }

                    .dynamics-content-item-text-time {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin-top: 34px;

                        .dynamics-content-item-text-time-date {
                            font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                            font-weight: 400;
                            font-size: 12px;
                            color: #999999;
                            line-height: 20px;
                        }

                        .dynamics-content-item-text-time-more {
                            display: flex;
                            align-items: center;
                            font-family: Microsoft YaHei UI, Microsoft YaHei UI;
                            font-weight: 400;
                            font-size: 16px;
                            color: #2A3D86;
                            line-height: 24px;
                            padding-right: 32px;
                            box-sizing: border-box;

                            img {
                                width: 16px;
                                margin-left: 8px;
                            }
                        }
                    }
                }
            }

            .dynamics-content-item:nth-last-child(-n+2) {
                margin-bottom: 0;
            }
        }
    }
}