锘

img { max-width: 100%; }
.banner { width: 100%; }
    .banner > img { width: 100%; height: 100%; min-height: 500px; object-fit: cover; }



.bigtitle { font-size: 4rem; color: #484848; margin: 0px auto; text-align: center; }
    .bigtitle > b { font-weight: 400; }

@media only screen and (max-width:1280px) {
    .bigtitle { font-size: 3.5rem; }
}

@media only screen and (max-width:1024px) {
    .bigtitle { font-size: 3rem; }
}

@media only screen and (max-width:960px) {
    .bigtitle { font-size: 2.5rem; }
}

@media only screen and (max-width:768px) {
    .bigtitle { font-size: 2rem; }
}




.wentibig { width: 100%; padding: 0px 6%; max-width: 1920px; margin: 0px auto; background-color: #eaeaea; }
    .wentibig > .conn { width: 100%; padding: 6rem 0px; text-align: center; }
        .wentibig > .conn > .box { padding-top: 6rem; }

@media only screen and (max-width:768px) {
    .wentibig { padding: 0px 3%; }
        .wentibig > .conn { padding: 3rem 0px; }
}


.serverbig { width: 100%; padding: 0px 6%; max-width: 1920px; margin: 0px auto; background-color: #f4f4f4; background-repeat: no-repeat; background-size: cover; }
    .serverbig > .conn { width: 100%; padding: 6rem 0px; text-align: center; max-width: 1100px; margin: 0px auto; }
ul.serverlist { width: 100%; display: flex; flex-wrap: wrap; padding: 3.75rem 0px 0px 0px; }
    ul.serverlist > li { width: 31.33%; margin-left: 1%; margin-right: 1%; margin-bottom: 3rem; color: #2a2a2a }
        ul.serverlist > li:nth-child(1), ul.serverlist > li:nth-child(2) { width: 48%; }
        ul.serverlist > li > .item { max-width: 275px; margin: 0px auto; }
            ul.serverlist > li > .item > .img { margin: 0px auto; margin-bottom: 10px; }
            ul.serverlist > li > .item > b { display: block; font-weight: 400; font-size: 2rem; border-bottom: solid 1px #000; }
            ul.serverlist > li > .item > p { font-size: 1.5rem; margin-top: 10px; }


@media only screen and (max-width:1024px) {
    ul.serverlist > li > .item > b { font-size: 1.5rem; }
    ul.serverlist > li > .item > p { font-size: 1.15rem; }
}

@media only screen and (max-width:768px) {
    .serverbig { padding: 0px 3%; }
        .serverbig > .conn { padding: 3rem 0px; }
    ul.serverlist > li > .item > .img { max-width: 35px; }
    ul.serverlist > li > .item > b { font-size: 1.25rem; }
    ul.serverlist > li > .item > p { font-size: 1rem; }
}


.youshibig { width: 100%; padding: 0px 6%; max-width: 1920px; margin: 0px auto; background-color: #fff; background-repeat: no-repeat; background-size: cover; }
    .youshibig > .conn { width: 100%; padding: 6rem 0px; text-align: center; max-width: 1100px; margin: 0px auto; }

@media only screen and (max-width:768px) {
    .youshibig { padding: 0px 3%; }
        .youshibig > .conn { padding: 3rem 0px; }
}

.brandbig { width: 100%; padding: 0px 6%; max-width: 1920px; margin: 0px auto; background-color: #fff; background-repeat: no-repeat; background-size: cover; }
    .brandbig > .conn { width: 100%; padding: 6rem 0px; text-align: center; max-width: 1100px; margin: 0px auto; }
        .brandbig > .conn .more { font-size: 1.35rem; color: #484848; }
        .brandbig > .conn .wxxcx { font-size: 1.15rem; color: #484848; margin-top: 2rem; }

ul.blandlist { width: 100%; display: flex; flex-wrap: wrap; padding: 3.75rem 0px 2rem 0px; }
    ul.blandlist > li { width: 18%; margin-left: 1%; margin-right: 1%; margin-bottom: 1rem; color: #484848 }
        ul.blandlist > li > p { font-size: 1.5rem; }

@media only screen and (max-width:768px) {
    .brandbig { padding: 0px 3%; }
        .brandbig > .conn { padding: 3rem 0px; }
    ul.blandlist > li { width: 48%; }
}


.jiaruibig { width: 100%; padding: 2rem 6%; max-width: 1920px; margin: 0px auto; background-color: #fff; background-repeat: no-repeat; background-size: cover; }
    .jiaruibig > .conn { width: 100%; padding: 6rem 0px; text-align: center; background-color: rgba(255,255,255,0.9); margin: 0px auto; }
        .jiaruibig > .conn > .box { max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap; margin: 0px auto; margin-bottom: 4rem; }
            .jiaruibig > .conn > .box > .left { width: 200px; }
            .jiaruibig > .conn > .box > .right { flex: 1; padding-left: 15%; font-size: 1.35rem; color: #2a2a2a; text-align: left; }


@media only screen and (max-width:768px) {
    .jiaruibig { padding: 1rem 3%; }
        .jiaruibig > .conn { padding: 3rem 1rem; }
            .jiaruibig > .conn > .box > .left { width: 100%; text-align: center; margin-bottom: 1rem; }
            .jiaruibig > .conn > .box > .right { width: 100%; flex: none; padding-left: 0%; }
}



.aboutbig { width: 100%; padding: 0rem 6%; max-width: 1920px; margin: 0px auto; background-color: #fff; background-repeat: no-repeat; background-size: cover; }
    .aboutbig > .conn { width: 100%; padding: 6rem 0px; text-align: center; background-color: rgba(255,255,255,0.9); margin: 0px auto; }
        .aboutbig > .conn > .box { max-width: 1100px; width: 100%; margin: 2rem auto; }
            .aboutbig > .conn > .box > p { line-height: 1.8; font-size: 1.25rem; text-align: left }

@media only screen and (max-width:768px) {
    .aboutbig { padding: 0px 3%; }
        .aboutbig > .conn { padding: 3rem 0px; }
}




.contactbig { width: 100%; padding: 0rem 6%; max-width: 1920px; margin: 0px auto; background-color: #f6f6f6; background-repeat: no-repeat; background-size: cover; }
    .contactbig > .conn { width: 100%; padding: 6rem 0px; text-align: center; margin: 0px auto; }
        .contactbig > .conn > .box { max-width: 1100px; width: 100%; margin: 2rem auto; }
            .contactbig > .conn > .box > ul { width: 100%; display: flex; flex-wrap: wrap; }
                .contactbig > .conn > .box > ul > li { width: 50%; margin: 10px auto; text-align: left; font-size: 1.15rem; }


@media only screen and (max-width:768px) {
    .contactbig { padding: 0px 3%; }
        .contactbig > .conn { padding: 3rem 0px; }
            .contactbig > .conn > .box > ul > li { width: 100%; }
}