.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; }
    .layout .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: 400px; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; margin-top: 80px ;}

.header-padding { padding: 100px 24px; 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-subTitle { margin-top: 8px; font-size: 18px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #FFFFFF; line-height: 24px; }

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

.header .header-btn { margin-top: 24px; outline: none; border: none; cursor: pointer; min-width: 120px; 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; }


.second { width: 100%; background: rgba(255,255,255,0); box-sizing: border-box; }

.second-padding { padding: 45px 24px; box-sizing: border-box; }

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


.fourth { width: 100%; height: 484px; background: rgba(0,0,0,0.08); box-sizing: border-box; }

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

.fourth .fourth-list { display: flex; }

.fourth .fourth-list .fourth-item { flex: 1; display: flex; flex-direction: column; align-items: center; }

.fourth .fourth-list .fourth-item:not(:nth-child(1)) { margin-left: 40px; }

.fourth .fourth-list .fourth-item-icon { margin: 40px; width: 80px; height: 80px; }

.fourth .fourth-list .fourth-item-title { font-size: 24px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #333333; line-height: 40px; }

.fourth .fourth-list .fourth-item-content { margin-left: 16px; text-align: center; font-size: 16px; font-family: D-DINExp, D; font-weight: normal; color: #666666; line-height: 24px; }

.fourth .fourth-group { margin-top: 40px; display: flex; justify-content: center; }

.fourth .fourth-btn { width: 120px; height: 40px; cursor: pointer; 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; }

.fifth { width: 100%; background: #333333; box-sizing: border-box; }

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

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

.fifth .fifth-list { margin: 36px 0 0 -24px; display: flex; flex-wrap: wrap; justify-content: center; }

.fifth .fifth-item-index { font-size: 32px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #FFFFFF; line-height: 35px; }

.fifth .fifth-item-title { width: calc(100% - 32px); margin-top: 4px; font-size: 16px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #FFFFFF; line-height: 24px; word-break: break-word; }

.fifth .fifth-item-content { width: calc(100% - 32px); margin-top: 16px; font-size: 14px; font-family: D-DINExp, D; font-weight: normal; color: rgba(255,255,255,0.8); line-height: 20px; word-break: break-word; }

.fifth .fifth-item1 { margin: 24px 0 0 24px; width: 383px; padding: 16px; background: rgba(255,255,255,0.08); border-radius: 16px; box-sizing: border-box; }

.fifth .fifth-item2 { margin: 24px 0 0 24px; width: 587px; padding: 16px; background: rgba(255,255,255,0.08); border-radius: 16px; box-sizing: border-box; }

.sixed { width: 100%; background: #fff; box-sizing: border-box; }

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

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

.sixed-list { margin: 16px 0 0 -24px; display: flex; flex-wrap: wrap; justify-content: center; }

.sixed-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; }

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

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

.sixed-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; }

.sixed .sixed-more { display: flex; justify-content: center; }

.sixed .sixed-more-btn { cursor: pointer; margin-top: 16px; outline: none; border: none; width: 120px; height: 40px; border-radius: 8px; background: transparent; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #E95506; line-height: 22px; }
.sixed .sixed-more-btn a { color: #E95506; text-decoration: none }
.seventh { width: 100%; height: auto; background-repeat: no-repeat; background-size: 100% 424px; box-sizing: border-box; background: #777; }

.seventh-padding { padding: 104px 120px; box-sizing: border-box; }

.seventh .seventh-title { width: 560px; font-size: 32px; font-family: D-DINExp-Bold, D-DINExp; font-weight: bold; color: #FFFFFF; line-height: 40px; word-break: break-word; }

.seventh .seventh-content { margin-top: 24px; width: 560px; font-size: 18px; font-family: D-DINExp; font-weight: normal; color: #FFFFFF; line-height: 24px; word-break: break-word; }


.third { width: 100%; 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: 700px) {
    .fourth-list { display: block !important; }

    .fourth, .bottom { height: auto !important; }
    .fourth-item:not(:nth-child(1)) { margin-left: 0px !important; }
    .bottom-header { flex-direction: column; padding: 24px !important; }
    .bottom-title { padding: 0 24px !important; }
    .bottom-content { padding: 24px !important; }
    .bottom-menu-list { order: 2; margin-top: 40px }
    .bottom-icon-list { order: 1 }
}

@media screen and (max-width: 1250px) {
    .fifth-item2 { width: 383px !important; }
    .fifth-padding { padding: 56px 24px !important; }
    .third-list { background: url("../images/index/bottom2.png"); background-size: 344px 128px; width: 344px !important }
}

@media screen and (max-width: 620px) {
    .sixed-item { width: 100% !important; height: auto !important; }
    .fourth-padding { padding: 45px 24px 56px 24px !important; }
    .seventh-padding { padding: 104px 20px !important; }
    .sixed-padding { padding: 56px 24px !important; }
    .third-padding { padding: 32px 24px !important; }
    .seventh-content, .seventh-title { width: 100% !important; }
}

@media screen and (max-width: 1247px) {
    .padding-left-120 { padding-right: 0px !important; }
    .padding-left-120 { padding-left: 0px !important; }
    .container { width: 100% !important; }
}