span.red { color: red; margin-left: 1.5em; font-size: 14px; }


.bg1banner { margin: 0px auto; width: 100%; background-color: #de1a17; }
    .bg1banner img { width: 100%; max-width: 1920px; }



.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%; max-width: 90px; left: 0px; right: 0px; height: 8px; background-color: #fe5c5a; }
.pagesubtitle { font-size: 24px; padding: 0px 10px; max-width: 960px; color: #000; }
.pagetitle2 { color: #fff; }
    .pagetitle2 i { background-color: #fff; }
.pagetitlesm { position: relative; text-align: center; display: inline-block; font-size: 0px; color: #000; border: solid 0px #222; overflow: hidden; padding: 0px 10px 10px 10px; }
    .pagetitlesm span { font-size: 30px; display: block; line-height: 1; margin-bottom: 30px; }

@media only screen and (max-width:768px) {
    .pagetitle span { font-size: 16px; margin-bottom: 15px; }
    .pagetitle b { padding: 0px 80px; }
    .pagetitle i { height: 4px; bottom: 9px; }
    .pagesubtitle { font-size: 14px; }
    .pagetitlesm span { font-size: 16px; margin-bottom: 15px; line-height: 1.5; }
}





.chlidmenubig { border: solid 0px #000; width: 100%; background-color: #fff; padding: 0px 10px; text-align: center; }
    .chlidmenubig .chlidmenu { max-width: 1300px; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); border-radius: 5px; width: 100%; background-color: #fff; padding: 60px 70px 40px 70px; text-align: center; transform: translate(0px, -120px); -ms-transform: translate(0px, -120px); -webkit-transform: translate(0px, -120px); -o-transform: translate(0px, -120px); -moz-transform: translate(0px, -120px); }


@media only screen and (max-width:768px) {
    .chlidmenubig .chlidmenu { padding: 30px 10px 30px 10px; transform: translate(0px, -20px); -ms-transform: translate(0px, -20px); -webkit-transform: translate(0px, -20px); -o-transform: translate(0px, -20px); -moz-transform: translate(0px, -20px); }
}



.xianzhuangbig { border: solid 0px #000; max-width: 1200px; width: 100%; padding: 0px 0px; text-align: center; margin-top: -30px; }
    .xianzhuangbig .xianzhuang { position: relative; width: 100%; background-image: url('../image/b1.png'); background-size: contain; background-position: bottom; background-repeat: no-repeat; min-height: 548px; }
        .xianzhuangbig .xianzhuang ul.list { margin-left: 50%; border: solid 0px #fff; position: absolute; bottom: 0px; }
            .xianzhuangbig .xianzhuang ul.list li { width: 100%; text-align: left; padding-left: 100px; margin-bottom: 25px; }
                .xianzhuangbig .xianzhuang ul.list li img { display: inline-block; margin-right: 15px; }
                .xianzhuangbig .xianzhuang ul.list li span { display: inline-block; font-size: 18px; color: #fff; }


@media only screen and (max-width:768px) {
    .xianzhuangbig { margin-top: 0px; }
        .xianzhuangbig .xianzhuang { min-height: inherit; background-image: none; background-color: #6916c9; }
            .xianzhuangbig .xianzhuang ul.list { padding-top: 20px; margin-left: 0%; position: inherit; padding-bottom: 10px; }
                .xianzhuangbig .xianzhuang ul.list li { padding-left: 20px; margin-bottom: 5px; }
                    .xianzhuangbig .xianzhuang ul.list li img { margin-right: 10px; }
                    .xianzhuangbig .xianzhuang ul.list li span { font-size: 14px; }
}


.jiejuebanner { max-width: 1300px; width: 100%; margin-top: 60px; }
    .jiejuebanner img { max-width: 100% }
.jiejuebig { border: solid 0px #000; max-width: 1200px; width: 100%; padding: 0px 0px; text-align: center; margin-top: 110px; }
    .jiejuebig ul { margin-top: 60px; width: 100%; display: flex; flex-direction: row; }
        .jiejuebig ul li { width: 31%; margin-left: 1%; margin-right: 1%; }
            .jiejuebig ul li b { font-size: 24px; line-height: 2 }
            .jiejuebig ul li p { font-size: 18px; }
        .jiejuebig ul.ul2 li { width: 23% }

@media only screen and (max-width:768px) {
    .jiejuebanner { margin-top: 30px; }
    .jiejuebig { margin-top: 50px; }
        .jiejuebig ul { margin-top: 30px; }
            .jiejuebig ul li img { max-width: 100% }
            .jiejuebig ul li b { font-size: 16px; }
            .jiejuebig ul li p { font-size: 14px; }
}


.fuwubig { border: solid 0px #000; max-width: 1200px; width: 100%; padding: 0px 0px; text-align: center; margin-top: 110px; }
    .fuwubig .lists { border: solid 0px #000; margin-top: 60px; }
        .fuwubig .lists ul { width: 100%; display: flex; flex-direction: row; }
            .fuwubig .lists ul li { padding: 20px; width: 23%; float: left; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); margin-left: 1%; margin-right: 1%; }
                .fuwubig .lists ul li b { display: block; padding: 20px 0px 10px 0px; text-align: left; font-size: 22px; border-bottom: solid 1px #e9e9ea; }
                .fuwubig .lists ul li .txt { width: 100%; text-align: left; display: flex; flex-wrap: wrap; font-size: 16px; color: #989898; padding: 10px 0px; line-height: 1.8; }
                    .fuwubig .lists ul li .txt p { width: 50%; border: solid 0px #000; }
                    .fuwubig .lists ul li .txt i { flex: 1; }
                .fuwubig .lists ul li.one { flex: 1; }
                    .fuwubig .lists ul li.one .txt p { width: 33%; }

@media only screen and (max-width:768px) {
    .fuwubig .lists ul { flex-wrap: wrap; }
        .fuwubig .lists ul li { width: 100%; margin-bottom: 20px; }
            .fuwubig .lists ul li b { font-size: 16px; }
            .fuwubig .lists ul li .txt { font-size: 14px; }
            .fuwubig .lists ul li.one .txt p { width: 50%; }
}





.leimubig { border: solid 0px #000; max-width: 1220px; width: 100%; padding: 0px 10px; text-align: center; margin-top: 110px; }
    .leimubig ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 60px; }
        .leimubig ul li { width: 23%; margin-bottom: 20px; float: left; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); margin-left: 1%; margin-right: 1%; }
            .leimubig ul li img { max-width: 100%; }
            .leimubig ul li p { text-align: center; font-size: 18px; padding: 15px 0px; }
                .leimubig ul li p b { display: block; font-style: normal; }

@media only screen and (max-width:768px) {
    .leimubig { margin-top: 60px; }
        .leimubig ul { margin-top: 30px; }
            .leimubig ul li { width: 47%; margin-left: 1.5%; margin-right: 1.5%; }
                .leimubig ul li p { font-size: 14px; }
}




.hexinbig { border: solid 0px #000; max-width: 1200px; width: 100%; padding: 0px 0px; text-align: center; margin-top: 110px; }
    .hexinbig .lists { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 60px; }
        .hexinbig .lists > ul { flex: 1; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
            .hexinbig .lists > ul > li { width: 50%; float: left; padding: 36px; }
                .hexinbig .lists > ul > li.bg { background-color: #f7f7f7; }
                .hexinbig .lists > ul > li img { max-width: 100%; margin-top: 30px; }
                .hexinbig .lists > ul > li p { font-size: 18px; }
                    .hexinbig .lists > ul > li p b { display: block; line-height: 2; padding-top: 20px; padding-bottom: 10px; }



        .hexinbig .lists > div { width: 33%; }
            .hexinbig .lists > div img { max-width: 100%; }



@media only screen and (max-width:768px) {
    .hexinbig { margin-top: 60px; }
        .hexinbig .lists { margin-top: 30px; }
            .hexinbig .lists > ul > li { padding: 10px; }
                .hexinbig .lists > ul > li p { font-size: 14px; }
            .hexinbig .lists > div { display: none; }
}


.aboutbig { border: solid 0px #000; width: 100%; padding: 0px 0px; text-align: center; margin-top: 110px; }
    .aboutbig .box { margin-top: 60px; }
        .aboutbig .box img { max-width: 100%; }

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




.tuanduibig { border: solid 0px #000; max-width: 1200px; width: 100%; padding: 0px 0px; text-align: center; margin-top: 110px; }
    .tuanduibig .lists { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 60px; }
        .tuanduibig .lists > ul { flex: 1; margin-left: 2%; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; }
            .tuanduibig .lists > ul > li { text-align: left; margin-bottom: 22px; width: 100%; float: left; padding: 20px 60px; background-color: #f7f7f7; }
                .tuanduibig .lists > ul > li b { font-size: 24px; }
                .tuanduibig .lists > ul > li p { font-size: 18px; }



        .tuanduibig .lists > div { width: 25%; }
            .tuanduibig .lists > div img { max-width: 100%; }



@media only screen and (max-width:768px) {
    .tuanduibig { margin-top: 60px; }
        .tuanduibig .lists { margin-top: 30px; }
            .tuanduibig .lists > ul { margin-left: 0%; }
                .tuanduibig .lists > ul > li { padding: 10px; margin-bottom: 10px; }
                    .tuanduibig .lists > ul > li b { font-size: 16px; }
                    .tuanduibig .lists > ul > li p { font-size: 14px; }
            .tuanduibig .lists > div { display: none; }
}



.liuchenbig { border: solid 0px #000; max-width: 1220px; width: 100%; padding: 0px 10px; text-align: center; margin-top: 110px; }
    .liuchenbig .lists { margin-top: 60px; }
        .liuchenbig .lists > ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; }
            .liuchenbig .lists > ul > li { text-align: center; margin-bottom: 22px; width: 14%; float: left; padding: 10px; }
                .liuchenbig .lists > ul > li.sp { padding-top: 45px; }
                .liuchenbig .lists > ul > li p { font-size: 14px; padding-top: 30px; }
                .liuchenbig .lists > ul > li img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .liuchenbig { margin-top: 60px; }
        .liuchenbig .lists { margin-top: 30px; }
            .liuchenbig .lists > ul > li { width: 50%; }
                .liuchenbig .lists > ul > li.sp { display: none }
}




 



.linkcontent { width: 100%; max-width: 1200px; padding: 60px 0px; }
    .linkcontent .conn { width: 100%; }
    .linkcontent span { display: inline-block; font-size: 26px; vertical-align: middle; }
        .linkcontent span img { max-width: 210px; }
    .linkcontent .link { margin: 60px 0px 60px 0px; }
        .linkcontent .link a { font-size: 24px; line-height: 1; padding: 10px 50px; background-color: #e74747; color: #fff; border-radius: 25px; }


@media only screen and (max-width:768px) {
    .linkcontent { padding: 20px 0px; }
        .linkcontent span { font-size: 14px; }
            .linkcontent span img { max-width: 120px; }
        .linkcontent .link a { font-size: 18px; }
}






.olinebig { width: 100%; margin: 0px auto; padding-bottom: 60px; }
    .olinebig > .oline { text-align: center; width: 100%; padding: 30px 0px; background-image: url('../image/olinebg.jpg'); background-repeat: no-repeat; background-position: top center; }
        .olinebig > .oline > .title { font-size: 36px; color: #fff; line-height: 1.5; }
            .olinebig > .oline > .title > p { font-size: 16px; }
            .olinebig > .oline > .title > b { color: #fff }

    .olinebig > .content { margin: 0px auto; 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: 16px; line-height: 1; padding: 3px 5px; border-style: none; }
                .olinebig > .content ul > li > div.chk { padding-left: 1.5em; border: solid 0px #000; width: 31%; display: inline-block; }
                    .olinebig > .content ul > li > div.chk label { padding-left: 10px; cursor: pointer; font-size: 16px; }



                .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: #170c51; width: 61.8%; color: #fff; display: inline-block; font-size: 16px; line-height: 2.5; border-style: none; border-radius: 3px; }


@media only screen and (max-width:768px) {
    .olinebig > .oline > .title { font-size: 18px; }
        .olinebig > .oline > .title > p { font-size: 14px; }
    .olinebig > .content { font-size: 14px; }
        .olinebig > .content ul > li > div.box { margin-left: 0; width: 100%; }
        .olinebig > .content ul > li > div.chk { padding-left: 0; }
            .olinebig > .content ul > li > div.chk label { font-size: 14px; }
        .olinebig > .content ul > li > a.submit { width: 100%; font-size: 14px; }
}