.footer { margin-top: 40px; }

.probannerbig { width: 100%; transition: all ease-in-out .3s; }
    .probannerbig > .ban { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
        .probannerbig > .ban > .conn { position: relative; z-index: 2; width: 100%; padding: 360px 4% 30px 4%; margin: 0px auto; max-width: 1920px; }
            .probannerbig > .ban > .conn > b { font-weight: 400; font-size: 1rem; color: #fff; line-height: 1; }
                .probannerbig > .ban > .conn > b a { font-weight: 400; font-size: 1rem; color: #fff; line-height: 1; }


@media only screen and (max-width:1280px) {
    .probannerbig > .ban > .conn { padding: 300px 4% 30px 4%; }
}

@media only screen and (max-width:960px) {
    .probannerbig > .ban > .conn { padding: 240px 4% 30px 4%; }
}

@media only screen and (max-width:768px) {
    .probannerbig > .ban > .conn { padding: 200px 4% 30px 4%; }
}



.contentbig { width: 100%; padding: 0px 4% 0px 4%; margin: 80px auto 0px auto; max-width: 1920px; }
    .contentbig > .conn { display: flex; }
        .contentbig > .conn > .right { flex: 1; background-color: #f5f5f5; padding-bottom: 40px; }

.pagetext { padding: 25px 4% 0px 4%; }
    .pagetext b.big { border-bottom: solid 1px #d4d4d4; display: block; font-size: 1.375rem; color: #161616; line-height: 1; padding: 15px 0px; margin-bottom: 15px; }
    .pagetext p { line-height: 1.8; font-size: 1rem; margin-bottom: 10px; color: #444 }

.code { padding: 25px 4% 0px 4%; text-align: center; }
    .code > .imgweixin { text-align: center; }
        .code > .imgweixin > img { max-width: 150px }
    .code p { line-height: 1.8; font-size: 1rem; color: #444 }


@media only screen and (max-width:1280px) {
    .contentbig { margin: 60px auto 30px auto; }
}

@media only screen and (max-width:960px) {
    .contentbig { margin: 40px auto 20px auto; }
}

@media only screen and (max-width:768px) {
    .contentbig { margin: 20px auto 20px auto; }
    .pagetext { padding: 20px 4% 0px 4%; }
}