﻿span.red { color: red; margin-left: 1.5em; font-size: 14px; }
ul {
    list-style: none;
}
div, form, img, ul, ol, li, dl, dt, dd {
    margin: 0 auto;
    padding: 0;
    border: 0;
}
.bg1banner { margin: 0px auto; width: 100%; overflow: hidden; background-color: #fff; }
    .bg1banner img { width: 100%; }



.pagetitle { position: relative; text-align: center; display: inline-block; font-size: 0px; color: #000; border: solid 0px #222; overflow: hidden; padding: 0px 10px 10px 10px; }
    .pagetitle span { font-size: 30px; display: block; line-height: 1; margin-bottom: 30px; }
    .pagetitle b { font-weight: 400; font-size: 18px; display: inline-block; line-height: 1.5; padding-bottom: 5px; border-top: solid 1px #fe5c5a; border-bottom: solid 1px #ffe6e6; padding: 0px 150px; }
    .pagetitle i { position: absolute; bottom: 7px; width: 30%; left: 0px; right: 0px; height: 8px; background-color: #fe5c5a; }
.pagesubtitle { font-size: 18px; padding: 0px 10px; max-width: 960px; margin-top: 15px; color: #000;margin:0 auto; }

@media only screen and (max-width:768px) {
    .pagetitle span { font-size: 18px; margin-bottom: 15px; }
    .pagetitle b { padding: 0px 80px; }
    .pagesubtitle { font-size: 14px; }
}


.chlidmenubig { width: 100%; background-color: #fff; padding: 0px 10px; text-align: center; }
    .chlidmenubig .chlidmenu { max-width: 1300px; border-radius: 10px; width: 100%; background-color: #fff;     margin: 0 auto; padding: 60px 70px 40px 70px; text-align: center;  box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1) }
        .chlidmenubig .chlidmenu ul { margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
            .chlidmenubig .chlidmenu ul li { width: 28%; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); padding: 30px 15px; }
                .chlidmenubig .chlidmenu ul li b { margin-bottom: 35px; font-size: 24px; font-weight: 400; display: block; line-height: 1; }
                .chlidmenubig .chlidmenu ul li p { font-size: 18px; text-align: left; }
                .chlidmenubig .chlidmenu ul li.sp { width: 4%; box-shadow: none; padding: 30px 0px; }
                    .chlidmenubig .chlidmenu ul li.sp img { max-width: 100%; }


@media only screen and (max-width:768px) {
    .chlidmenubig .chlidmenu { padding: 30px 10px 30px 10px; transform: translate(0px, -50px); -ms-transform: translate(0px, -50px); -webkit-transform: translate(0px, -50px); -o-transform: translate(0px, -50px); -moz-transform: translate(0px, -50px); }
        .chlidmenubig .chlidmenu ul li { width: 32%; }
            .chlidmenubig .chlidmenu ul li b { font-size: 18px; margin-bottom: 15px; }
            .chlidmenubig .chlidmenu ul li p { font-size: 16px; }
            .chlidmenubig .chlidmenu ul li.sp { display: none; }
}



.helpbig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 0px; }
    .helpbig .img { width: 100%; margin-top: 60px; }
        .helpbig .img img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .helpbig { margin-top: 0px; }
        .helpbig .img { margin-top: 30px; }
}



.wanfabig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 60px; }
    .wanfabig .img { width: 100%; margin-top: 60px; }
        .wanfabig .img img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .wanfabig { margin-top: 30px; }
        .wanfabig .img { margin-top: 30px; }
}



.tuiguangbig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 60px; }
    .tuiguangbig ul { margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .tuiguangbig ul li { width: 18%; margin: 0px 1%; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); padding: 30px 15px; }
            .tuiguangbig ul li b { margin-bottom: 35px; font-size: 24px; font-weight: 400; display: block; line-height: 1; }
            .tuiguangbig ul li p { font-size: 18px; text-align: left; }

@media only screen and (max-width:960px) {
    .tuiguangbig { margin-top: 30px; }
        .tuiguangbig ul { flex-wrap: wrap; }
            .tuiguangbig ul li { width: 31%; margin: 10px 1%; }
}


@media only screen and (max-width:768px) {
    .tuiguangbig { margin-top: 30px; }
        .tuiguangbig ul li { width: 48%; margin: 10px 1%; }
            .tuiguangbig ul li b { font-size: 18px; margin-bottom: 15px; }
            .tuiguangbig ul li p { font-size: 16px; }
            .tuiguangbig ul li.sp { display: none; }
}




.serverbig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 60px; }
    .serverbig ul { margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .serverbig ul li { width: 48%; margin: 0px 1%; padding: 0px; text-align: left; }
            .serverbig ul li p { text-align: left; padding-left: 50px; padding-top: 5px; padding-bottom: 5px; line-height: 1.8; font-size: 18px; background-image: url('../images/xiaohongshu/web/c2.png'); background-position: left; background-repeat: no-repeat; }
                .serverbig ul li p b { font-size: 24px; color: #ff3720; padding-right: 20px; }
            .serverbig ul li img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .serverbig { margin-top: 30px; }
        .serverbig ul { flex-wrap: wrap; }
            .serverbig ul li { width: 98%; margin: 10px 1%; }
                .serverbig ul li p { font-size: 15px; }
                    .serverbig ul li p b { font-size: 18px; }
}






.anlibig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 80px; }
    .anlibig ul { margin-top: 80px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .anlibig ul li { width: 48%; margin: 0px 1%; padding: 0px; text-align: left; }
            .anlibig ul li.text { width: 100%; text-align: right; }
                .anlibig ul li.text p { font-size: 18px; line-height: 1.5; margin-bottom: 10px; }
                    .anlibig ul li.text p.name { font-size: 24px; color: #ff3720; margin-bottom: 20px; }
                    .anlibig ul li.text p.sub { font-weight: 700; }
                    .anlibig ul li.text p.fot { color: #ff3720; margin-bottom: 0px; }
            .anlibig ul li.img { width: 100%; }
                .anlibig ul li.img img { max-width: 100%; }
            .anlibig ul li.left { text-align: left; }

@media only screen and (max-width:768px) {
    .anlibig { margin-top: 30px; }
        .anlibig ul { flex-wrap: wrap; margin-top: 30px; }
            .anlibig ul li { width: 98%; margin: 10px 1%; }
                .anlibig ul li.text p { font-size: 15px; }
                    .anlibig ul li.text p.name { font-size: 18px; margin-bottom: 10px; }
}




.liuchengbig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 80px;    margin-bottom: 60px; }
    .liuchengbig ul { margin-top: 80px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .liuchengbig ul li { width: 15%; margin: 0px 0%; padding: 5px; text-align: left; }
            .liuchengbig ul li img { max-width: 100%; }
            .liuchengbig ul li.es { width: 2%; line-height: 1; padding: 0px; }
                .liuchengbig ul li.es img { margin-top: 52px; }

@media only screen and (max-width:768px) {
    .liuchengbig { margin-top: 30px; }
        .liuchengbig ul { flex-wrap: wrap; margin-top: 30px; }
            .liuchengbig ul li { width: 33%; margin: 0px 0%; margin-bottom: 5px; }
                .liuchengbig ul li.es { display: none; }
}



.olinebig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 80px; }
    .olinebig .olinemenu { max-width: 1300px; border-radius: 10px; width: 100%; background-color: #fff; padding: 60px 70px 40px 70px; text-align: center; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1) }

    .olinebig .content { width: 100%; font-size: 16px; max-width: 1000px; text-align: left; }
        .olinebig .content ul { width: 100%; padding: 20px; }
            .olinebig .content ul li { width: 100%; padding: 5px 0px; }
                .olinebig .content ul li label { padding-left: 5px; }

                .olinebig .content ul li div.box { margin-left: 1.5em; border: solid 1px #989898; text-align: left; width: 95%; background-color: #fff; padding: 3px 3px; border-radius: 3px; }
                    .olinebig .content ul li div.box input[type='text'] { width: 100%; font-size: 18px; line-height: 1; padding: 5px 8px; border-style: none; }

                .olinebig .content ul li i { color: #999; font-style: normal; font-size: 14px; }
                .olinebig .content ul li.name { margin-top: 5px; }
                .olinebig .content ul li.btn { text-align: center; margin-top: 15px; }
                .olinebig .content ul li a.submit { background-color: #ff3720; width: 50%; color: #fff; display: inline-block; font-size: 20px; line-height: 2.5; border-style: none; border-radius: 3px; }

@media only screen and (max-width:768px) {
    .olinebig { margin-top: 30px; }
        .olinebig .content ul li div.box { margin-left: 0; width: 100%; }
        .olinebig .content ul li div.chk { padding-left: 0; }
        .olinebig .content ul li a.submit { width: 100%; }
}
