/* 布局样式 */
.page_container {
    min-height: 1200px;
    max-width: 2560px;
    margin: 0 auto;
    background-color: #ffffff;
}

.content_main {
    width: 1240px;
    margin: 0 auto;
}

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

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

/* 结构 ul > li */
ul.layout_1x3 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

ul.layout_1x3 > li {
    width: 33.33%;
}

ul.layout_1x4 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

ul.layout_1x4 > li {
    width: 25%;
}

ul.layout_2x2 {
    display: flex;
    flex-wrap: wrap;
}

ul.layout_2x2 > li {
    width: 50%;
}

ul.layout_4x3 {
    display: flex;
    flex-wrap: wrap;
}

ul.layout_4x3 > li {
    width: 25%;
}

ul.layout_w {
    display: flex;
    flex-wrap: wrap;
}

ul.layout_w li:nth-child(1) {
    width: 33.33%;
}

ul.layout_w li:nth-child(2) {
    width: 33.33%;
}

ul.layout_w li:nth-child(3) {
    width: 33.33%;
}

ul.layout_w li:nth-child(4) {
    width: 12%;
}

ul.layout_w li:nth-child(5) {
    width: 38%;
}

ul.layout_w li:nth-child(6) {
    width: 38%;
}

ul.layout_w li:nth-child(7) {
    width: 12%;
}

/* -------- banner -------- */
.banner_box {
    height: 488px;
}

.banner_box .banner_intro_wrap {
    margin: 0 auto;
    width: 1240px;
    position: relative;
    top: 50%;
    transform: translate(2%, -50%);
}

.banner_box .banner_intro_wrap h2 {
    font-size: 38px;
    width: 654px;
    line-height: 1.4;
    font-weight: 500;
}

.banner_box .banner_intro_wrap p.intro_text {
    color: #616066;
    font-size: 20px;
    width: 624px;
    line-height: 1.6;
    margin-top: 28px;
}

.banner_box .banner_intro_wrap a.btn {
    font-size: 18px;
    min-width: 210px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 52px;
    border-radius: 2px;
    padding: 0 35px;
    line-height: 30px;
    vertical-align: middle;
}