@media only screen and (max-width:960px) {
    .aboutbanner { padding-top: 60px; }
}

.contentbg { background-color: #f5f5f5; width: 100%; }
.contentbg2 { background-color: #fff; }
.contentbig { width: 100%; max-width: var(--maxwidth); padding: 2rem 15px; margin: 0px auto; }
.route { width: 100%; }
    .route > a { font-size: 14px; color: #999; }
    .route > b { font-size: 1.5rem; display: block; color: #000; font-weight: 400; }

@media only screen and (max-width:960px) {
    .route > b { font-size: 1.25rem; }
}

@media only screen and (max-width:960px) {
    .route > a { font-size: 12px; }
    .route > b { font-size: 14px; }
}



.mulist { width: 100%; max-width: 1920px; border-top: solid 1px #164194; margin: 0px auto; }
    .mulist > ul { width: 80%; margin: 0px auto; display: flex; padding-bottom: 2rem; }
        .mulist > ul > li { width: 16.666%; text-align: center; position: relative; }
            .mulist > ul > li::after { content: ""; position: absolute; top: -5px; transform: translateX(-5px); width: 10px; height: 10px; background-color: #164194 }
            .mulist > ul > li > div.icon { padding: 1rem 0px; }

@media only screen and (max-width:960px) {
    .mulist > ul { padding-left: 3%; padding-right: 3%; width: 100%; }
}


.gctext { width: 100%; max-width: 1920px; margin: 0px auto; }
    .gctext > .box { width: 88%; margin: 0px auto; transform: translateY(2rem); padding-left: 3%; padding-right: 3%; }
        .gctext > .box > img { max-width: 100%; }

@media only screen and (max-width:960px) {
    .gctext > .box { width: 100%; }
}



.cctext { width: 100%; max-width: 1920px; margin: 0px auto; }
    .cctext > .box { width: 88%; margin: 0px auto; padding-left: 3%; padding-right: 3%; transform: translateY(2rem); }
        .cctext > .box > img { max-width: 100%; }

@media only screen and (max-width:960px) {
    .cctext > .box { width: 100%; }
}



.jieshaotext { width: 100%; max-width: 1920px; margin: 0px auto; padding-top: 4rem; padding-bottom: 4rem; }
    .jieshaotext > .box { width: 88%; margin: 0px auto; padding-left: 3%; padding-right: 3%; }
        .jieshaotext > .box > .text { width: 100%; background-color: #B3A08D; padding: 2rem; }

            .jieshaotext > .box > .text > ul.ula { width: 100%; display: flex; flex-wrap: wrap; }
                .jieshaotext > .box > .text > ul.ula > li { width: 50%; }
                    .jieshaotext > .box > .text > ul.ula > li img { max-width: 100%; }
                    .jieshaotext > .box > .text > ul.ula > li > p { font-size: 1rem; color: #2A3250; }
                    .jieshaotext > .box > .text > ul.ula > li:first-child { padding-right: 1rem; }
                    .jieshaotext > .box > .text > ul.ula > li > p > b { font-size: 1.5rem; font-weight: 400; }


        .jieshaotext > .box > .text2 { width: 100%; background-color: #E0DAD3; padding: 2rem; margin-top: 1rem; }


@media only screen and (max-width:960px) {
    .jieshaotext > .box { width: 100%; }
}

@media only screen and (max-width:768px) {
    .jieshaotext > .box > .text > ul.ula > li { width: 100%; }
}