锘縮pan.red { color: red; margin-left: 1.5em; font-size: 14px; }


.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; }

@media only screen and (max-width:768px) {
    .pagetitle span { font-size: 18px; margin-bottom: 15px; }
    .pagetitle b { padding: 0px 80px; }
    .pagesubtitle { font-size: 14px; }
}






.serverbig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 90px; }
    .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: 20%; margin: 0px 0px; padding: 15px 15px; border: solid 0px #000; }
            .serverbig ul li .img { padding-bottom: 10%; width: 100%; position: relative; }
                .serverbig ul li .img img { margin-top: 10px; max-width: 100%; }
            .serverbig ul li p { font-size: 18px; text-align: center; }

@media only screen and (max-width:768px) {
    .serverbig { margin-top: 0px; }
        .serverbig ul { flex-wrap: wrap; }
            .serverbig ul li { width: 50%; }
}


.shujubig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 90px; }
    .shujubig .img { width: 100%; margin-top: 40px; margin-bottom: 60px; }
        .shujubig .img img { max-width: 100%; }







.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: 31.33%; 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; color: #ff3720; }
            .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; }
}






.chehuabig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 60px; }
    .chehuabig ul { margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .chehuabig ul li { width: 23%; margin: 0px 1%; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); padding: 0px 0px; }
            .chehuabig ul li b { margin-top: 15px; margin-bottom: 25px; font-size: 18px; font-weight: 400; display: block; line-height: 1; }
            .chehuabig ul li p { font-size: 16px; text-align: left; padding: 10px 10px; text-align: center; }
            .chehuabig ul li img { max-width: 100%; }

@media only screen and (max-width:960px) {
    .chehuabig { margin-top: 30px; }
        .chehuabig ul { flex-wrap: wrap; }
            .chehuabig ul li { width: 31%; margin: 10px 1%; }
}


@media only screen and (max-width:768px) {
    .chehuabig { margin-top: 30px; }
        .chehuabig ul li { width: 48%; margin: 10px 1%; }
            .chehuabig ul li b { font-size: 18px; margin-bottom: 15px; }
            .chehuabig ul li p { font-size: 16px; }
            .chehuabig ul li.sp { display: none; }
}



.guanggaobig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 90px; }
    .guanggaobig .img { width: 100%; margin-top: 40px; margin-bottom: 60px; }
        .guanggaobig .img img { max-width: 100%; }









.zhuanhuabig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 60px; }
    .zhuanhuabig ul { margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .zhuanhuabig ul li { width: 23%; margin: 0px 1%; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); padding: 30px 15px; }
            .zhuanhuabig ul li b { margin-bottom: 35px; font-size: 24px; font-weight: 400; display: block; line-height: 1; color: #ff3720; }
            .zhuanhuabig ul li p { font-size: 18px; text-align: left; }

@media only screen and (max-width:960px) {
    .zhuanhuabig { margin-top: 30px; }
        .zhuanhuabig ul { flex-wrap: wrap; }
            .zhuanhuabig ul li { width: 31%; margin: 10px 1%; }
}


@media only screen and (max-width:768px) {
    .zhuanhuabig { margin-top: 30px; }
        .zhuanhuabig ul li { width: 48%; margin: 10px 1%; }
            .zhuanhuabig ul li b { font-size: 18px; margin-bottom: 15px; }
            .zhuanhuabig ul li p { font-size: 16px; }
            .zhuanhuabig ul li.sp { display: none; }
}





.whybig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 90px; }
    .whybig ul { margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; }
        .whybig ul li { width: 16%; margin: 0px 0px; padding: 15px 15px; border: solid 0px #000; }
            .whybig ul li .img {   padding-bottom:15%; width: 100%; position: relative; }
                .whybig ul li .img img { margin-top: 30px; max-width: 100%; }
              
            .whybig ul li.sp { width: 11%; }
                .whybig ul li.sp i { display: block; border-top: solid 1px #ff3720; margin-top: 80%; width: 100%; }
            .whybig ul li p { margin-top: 20px; font-size: 18px; text-align: left; }

@media only screen and (max-width:768px) {
    .whybig { margin-top: 0px; }
        .whybig ul { flex-wrap: wrap; }
            .whybig ul li { width: 50%; }
                .whybig ul li.sp { display: none; }
}




.anlibig { background-color: #fff; text-align: center; padding: 0px 10px; width: 100%; max-width: 1300px; margin-top: 90px; }
    .anlibig .img { width: 100%; margin-top: 40px; margin-bottom: 60px; }
        .anlibig .img img { max-width: 100%;margin-bottom:60px; }






.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%; }
}
