锘縤mg { max-width: 100%; }
.banner { width: 100%; position: relative; }
    .banner > img { width: 100%; height: 100%; min-height: 600px; object-fit: cover; }
    .banner > .text { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .banner > .text > .item { text-align: center; }
            .banner > .text > .item > b { color: #fff; font-size: 3rem; display: block; font-weight: 400; line-height: 1.8; }
            .banner > .text > .item > p { color: #fff; font-size: 1.75rem; margin-bottom: 5rem; }
            .banner > .text > .item > ul { display: flex; width: 100%; align-items: center; justify-content: center; flex-wrap: wrap; }
                .banner > .text > .item > ul > li { padding: 0px 1rem; min-width: 180px; margin-bottom: 1rem; }
                    .banner > .text > .item > ul > li > p { font-size: 1rem; color: #fff; margin-top: 0.5rem; }
            .banner > .text > .item > a { margin-top: 3.75rem; border-radius: 1.5rem; color: #046fa6; display: inline-block; line-height: 1; padding: 1rem 2rem; font-size: 1rem; background-color: #fff }



@media only screen and (max-width:1280px) {
    .banner > .text > .item > b { font-size: 2rem; }
    .banner > .text > .item > p { font-size: 1.5rem; }
    .banner > .text > .item > ul > li { min-width: 120px; }
}




@media only screen and (max-width:768px) {
    .banner > .text > .item > b { font-size: 1.5rem; }
    .banner > .text > .item > p { font-size: 1.15rem; }
    .banner > .text > .item > ul > li { min-width: 100px; }
}


.jieshaobig { width: 100%; padding: 5rem 0px; }
    .jieshaobig .conn { width: 100%; display: flex; }
        .jieshaobig .conn > .left { max-width: 50%; }
        .jieshaobig .conn > .right { flex: 1; padding-left: 1rem; }
            .jieshaobig .conn > .right > p { font-size: 1.5rem; color: #303030; }
    .jieshaobig .conn2 { width: 100%; margin-top: 3.75rem; max-width: 960px; margin-left: auto; margin-right: auto; }
        .jieshaobig .conn2 > ul { width: 100%; display: flex; }
            .jieshaobig .conn2 > ul > li { width: 50%; text-align: center; display: flex; align-items: center; justify-content: center; }
                .jieshaobig .conn2 > ul > li > div { margin-right: 1rem; }
                .jieshaobig .conn2 > ul > li b { font-size: 3.625rem; color: #f60044 }
                .jieshaobig .conn2 > ul > li p { font-size: 2rem; color: #2c2c2c }

    .jieshaobig .conn3 { width: 100%; margin-top: 3.75rem; text-align: center; }
        .jieshaobig .conn3 > a { border-radius: 1.5rem; color: #fff; display: inline-block; line-height: 1; padding: 1rem 2rem; font-size: 1rem; background-color: #046fa7 }


@media only screen and (max-width:1024px) {
    .jieshaobig .conn > .right > p { font-size: 1.35rem; }
    .jieshaobig .conn2 > ul > li b { font-size: 3rem; }
    .jieshaobig .conn2 > ul > li p { font-size: 1.5rem; }
}



@media only screen and (max-width:768px) {
    .jieshaobig { padding: 3rem 0px; }
        .jieshaobig .conn { flex-wrap: wrap; }
            .jieshaobig .conn > .left { max-width: 100%; width: 100%; margin-bottom: 1.5rem; }
            .jieshaobig .conn > .right { flex: none; width: 100%; }
                .jieshaobig .conn > .right > p { font-size: 1.15rem; }

        .jieshaobig .conn2 > ul > li b { font-size: 2rem; }
        .jieshaobig .conn2 > ul > li p { font-size: 1.25rem; }
        .jieshaobig .conn2 > ul > li > div > img { max-width: 50%; }
}


.shucaikubig { padding: 3rem 0px; width: 100%; background-size: cover; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .shucaikubig .conn { width: 100%; text-align: center }
        .shucaikubig .conn > img { margin: 0px auto; }
        .shucaikubig .conn > b { display: inline-block; color: #fff; font-size: 3rem; display: block; font-weight: 400; line-height: 1.8; }
        .shucaikubig .conn > p { color: #fff; font-size: 1.75rem; }

.systembig { width: 100%; text-align: center; }
    .systembig > img { width: 100%; max-width: 100%; min-height: 500px; object-fit: cover; }

.yongtubig { padding: 3rem 0px; width: 100%; background-size: cover; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .yongtubig .conn { width: 100%; display: flex; justify-content: center; }
        .yongtubig .conn > img { max-width: 100%; }

@media only screen and (max-width:1024px) {
    .shucaikubig .conn > b { font-size: 2rem; }
    .shucaikubig .conn > p { font-size: 1.35rem; }
}

@media only screen and (max-width:768px) {
    .yongtubig .conn { flex-wrap: wrap; }
    .shucaikubig .conn > b { font-size: 1.5rem; }
    .shucaikubig .conn > p { font-size: 1.15rem; }
}


.wentibig { padding: 3rem 0px; width: 100%; background-position: bottom; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .wentibig .conn { width: 100%; text-align: center }
        .wentibig .conn > b { display: inline-block; color: #303030; font-size: 3rem; display: block; font-weight: 400; line-height: 1.8; }
        .wentibig .conn > p { color: #303030; font-size: 1.75rem; }
        .wentibig .conn > ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 4rem; margin-bottom: 6rem; }
            .wentibig .conn > ul > li { width: 23%; margin: 1%; max-width: 278px; }
                .wentibig .conn > ul > li > p { color: #303030; font-size: 1rem; margin-top: 1rem; }


        .wentibig .conn > .bom > b { display: inline-block; color: #303030; font-size: 3rem; display: block; font-weight: 400; line-height: 1.8; }
        .wentibig .conn > .bom > p { color: #fff; border-radius: 1.375rem; font-size: 1.75rem; background-color: #066fa6; display: inline-block; padding: 0.5rem 3rem; line-height: 1; }



@media only screen and (max-width:1024px) {
    .wentibig .conn > b { font-size: 2rem; }
    .wentibig .conn > p { font-size: 1.35rem; }
    .wentibig .conn > .bom > b { font-size: 2rem; }
    .wentibig .conn > .bom > p { font-size: 1.35rem; }
}

@media only screen and (max-width:768px) {
    .wentibig .conn > b { font-size: 1.5rem; }
    .wentibig .conn > p { font-size: 1.15rem; }
    .wentibig .conn > ul > li { width: 48%; }
    .wentibig .conn > .bom > b { font-size: 1.5rem; }
    .wentibig .conn > .bom > p { font-size: 1.15rem; }
}


.yongshibig { padding: 3rem 0px; width: 100%; background-color: #f4f4f4; }
    .yongshibig .conn { width: 100%; display: flex; flex-wrap: wrap; max-width: 1120px; margin: 0px auto; }
        .yongshibig .conn > .left { width: 50%; padding-right: 1rem; }
            .yongshibig .conn > .left > b { color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; }
            .yongshibig .conn > .left > ul { width: 100%; margin-top: 2rem; }
                .yongshibig .conn > .left > ul > li { width: 100%; position: relative; margin-bottom: 1.5rem; padding-left: 30px; }
                    .yongshibig .conn > .left > ul > li > b { font-weight: 400; font-size: 1.75rem; color: #303030 }
                    .yongshibig .conn > .left > ul > li > p { font-size: 1rem; color: #303030 }
                    .yongshibig .conn > .left > ul > li::before { position: absolute; left: 0px; top: 10px; content: ""; width: 23px; height: 22px; background-image: url('/Tpl/web/css/images/ia1.png'); }
        .yongshibig .conn > .right { flex: 1 }

@media only screen and (max-width:768px) {
    .yongshibig .conn > .left { width: 100% }
        .yongshibig .conn > .left > b { font-size: 1.5rem; }
        .yongshibig .conn > .left > ul > li > b { font-size: 1.25rem; }
    .yongshibig .conn > .right { width: 100%; flex: none }
}


.yongshi2big { padding: 3rem 0px; width: 100%; background-color: #fff; }
    .yongshi2big .conn { width: 100%; text-align: center; }
        .yongshi2big .conn > img { margin: 0px auto; }
        .yongshi2big .conn > ul { display: flex; flex-wrap: wrap; max-width: 1120px; margin: 1rem auto; }
            .yongshi2big .conn > ul > li { width: 50%; position: relative; margin-bottom: 1.5rem; padding-left: 30px; text-align: left; }
                .yongshi2big .conn > ul > li > b { font-weight: 400; font-size: 1.75rem; color: #303030 }
                .yongshi2big .conn > ul > li > p { font-size: 1rem; color: #303030 }
                .yongshi2big .conn > ul > li::before { position: absolute; left: 0px; top: 10px; content: ""; width: 23px; height: 22px; background-image: url('/Tpl/web/css/images/ia1.png'); }


@media only screen and (max-width:768px) {
    .yongshi2big .conn > ul > li { width: 100%; }
        .yongshi2big .conn > ul > li > b { font-size: 1.25rem; }
}


.kehubig { padding: 3rem 0px; width: 100%; background-color: #f4f4f4; }
    .kehubig .conn { width: 100%; text-align: center; }
        .kehubig .conn > b { display: inline-block; color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 4rem; }

@media only screen and (max-width:768px) {
    .kehubig .conn > b { font-size: 1.5rem; }
}



.wuliaobig { padding: 6rem 0px; width: 100%; background-position: bottom; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .wuliaobig .conn { width: 100%; text-align: center; }
        .wuliaobig .conn > b { display: block; color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 4rem; }


@media only screen and (max-width:768px) {
    .wuliaobig { padding: 3rem 0px; }
        .wuliaobig .conn > b { font-size: 1.5rem; }
}



.anlibig { padding: 6rem 0px; width: 100%; background-position: bottom; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .anlibig .conn { width: 100%; text-align: center; }
        .anlibig .conn > b { display: block; color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 4rem; }


@media only screen and (max-width:768px) {
    .anlibig { padding: 3rem 0px; }
        .anlibig .conn > b { font-size: 1.5rem; }
}



.aboutbig { padding: 6rem 0px; width: 100%; background-color: #f4f4f4; background-position: bottom; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .aboutbig .conn { width: 100%; text-align: center; }
        .aboutbig .conn > b { display: block; color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 4rem; }
        .aboutbig .conn > p { text-align: left; line-height: 1.8; }


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



.contactbig { padding: 6rem 0px; width: 100%; background-position: bottom; background-repeat: no-repeat; margin: 0px auto; text-align: center; }
    .contactbig .conn { width: 100%; text-align: center; max-width: 1000px; margin: 0px auto; }
        .contactbig .conn > b { display: block; color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 4rem; }
        .contactbig .conn > ul { width: 100%; display: flex; flex-wrap: wrap; }
            .contactbig .conn > ul > li { width: 50%; margin-bottom: 1rem; text-align: left }

@media only screen and (max-width:768px) {
    .contactbig { padding: 3rem 0px; }
        .contactbig .conn > b { font-size: 1.5rem; }
}





.serverbig { padding: 6rem 0px; width: 100%; }
    .serverbig .box > b { text-align: center; display: block; color: #303030; font-size: 3rem; font-weight: 400; line-height: 1; margin-bottom: 4rem; }
    .serverbig .conn { width: 100%; text-align: center; display: flex; align-items: center; max-width: 1120px; margin: 0px auto; }
        .serverbig .conn > .left { width: 392px; }
        .serverbig .conn > .right { flex: 1; }
            .serverbig .conn > .right > ul { width: 100%; display: flex; flex-wrap: wrap; }
                .serverbig .conn > .right > ul > li { width: 40%; margin: 5%; border: solid 2px #066fa6; border-radius: 10px; padding: 1rem 0px; }

                    .serverbig .conn > .right > ul > li > p.old { text-decoration: line-through; color: #999 }
                    .serverbig .conn > .right > ul > li > p { font-size: 14px; color: #333; }
                        .serverbig .conn > .right > ul > li > p > i { font-size: 20px; color: red; font-style: normal; }


            .serverbig .conn > .right .conn3 { width: 100%; margin-top: 3.75rem; text-align: center; }
                .serverbig .conn > .right .conn3 > a { border-radius: 1.5rem; color: #fff; display: inline-block; line-height: 1; padding: 1rem 2rem; font-size: 1rem; background-color: #046fa7 }


@media only screen and (max-width:768px) {
    .serverbig .box > b { font-size: 1.5rem; }
    .serverbig .conn { flex-wrap: wrap; }
        .serverbig .conn > .left { width: 100%; }
        .serverbig .conn > .right { flex: none; width: 100%; }
}