.layout { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; margin: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; }
.container {
    height: auto;
}
    .layout .bottom .container {
        width: 1200px;
        height: auto;
    }

.flex { display: flex; }

.justify-content { justify-content: center; }

.flex-direction-column { flex-direction: column; }

.align-items-center { align-items: center }

.header { width: 100%; height: 320px; background-repeat: no-repeat; background-size: 100% 320px; box-sizing: border-box; margin-top: 80px; }

.header-padding { padding: 100px 120px 124px 120px; box-sizing: border-box; }

.header .header-title { font-size: 40px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #FFFFFF; line-height: 48px; }

.header .header-content { padding-top: 24px; font-size: 18px; font-family: D-DINExp, D; font-weight: normal; color: rgba(255,255,255,0.8); line-height: 24px; }

.second { padding: 56px 120px; background: #fff; box-sizing: border-box; }

.second-padding { padding: 56px 120px; box-sizing: border-box; }


.second-title { text-align: center; font-size: 32px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #333333; line-height: 40px; }

.second-list { margin: 16px 0 0 -24px; display: flex; flex-wrap: wrap; }

.second-item { margin: 24px 0 0 24px; padding: 16px; width: 587px; height: 144px; background: rgba(0,0,0,0.04); border-radius: 16px; border: 1px solid rgba(51,51,51,0); backdrop-filter: blur(2px); box-sizing: border-box; }

.second-item-title { font-size: 18px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #333333; line-height: 24px; word-break: break-all; }

.second-item-title a { color: #333333; text-decoration: none }

.second-item-content { margin-top: 8px; font-size: 14px; font-family: D-DINExp, D; font-weight: normal; color: #666666; line-height: 20px; word-break: break-all; }


.third { width: 100%; /*    padding: 32px 120px;*/ box-sizing: border-box; background: #F5F5F5; }

.third-padding { padding: 32px 120px; box-sizing: border-box; }

.third-more { font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 24px; }

.third-title { font-size: 32px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #333333; line-height: 40px; }

.third-btn { margin-top: 32px; outline: none; border: none; cursor: pointer; width: 132px; height: 40px; background: #E95506; border-radius: 8px; border: 1px solid #E95506; font-size: 16px; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 22px; }

.third-list {
    background: url("../images/index/pic_home_company@2x.png");
    background-size: 1200px 120px;
    margin-top: 32px;
    width: 1200px;
    height: 120px;
    border-radius: 16px;
    display: flex;
}

.margin-top_16 { margin-top: 16px; }

@media screen and (max-width: 850px) {
    .fourth-list, .container, .third-list { flex-direction: column; }

    .second-padding, .third-padding { padding: 56px 24px 32px 24px !important; }

    .second-title, .second-name, .second-content, .second-item {
        width: 100% !important;
    }

    .news-item:not(:nth-child(2)) .news-item-content { order: 2 }

    .news-item:not(:nth-child(2)) .news-item-img { order: 1 }
    .second, .second-padding {
        padding: 56px 24px !important;
    }
    .second-item{
        height:auto !important;
    }
}

@media screen and (max-width: 1247px) {
    .header { height: auto !important; background-size: cover !important; }

    .header-padding { padding: 148px 24px !important; }

    .second-info, .container, .fourth-title, .fourth-content { width: 100% !important; }

     .third-list img { width: 100% !important }
    .third-list {
        background: url("../images/index/bottom2.png");
        background-size: 344px 128px;
        width: 344px !important
    }
}