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


.bg1banner { margin: 0px auto; width: 100%; overflow: hidden; background-color: #de1a17; }
    .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: 36px; 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; }

@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; }
}




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


@media only screen and (max-width:768px) {
    .chlidmenubig ul { flex-wrap:wrap; }
    .chlidmenubig ul li { width: 48%; }
        .chlidmenubig ul li b { font-size: 18px; margin-bottom: 15px; }
        .chlidmenubig ul li p { font-size: 14px; }
        .chlidmenubig ul li.sp { display: none; }
}






.huokebig { width: 100%; background-color: #fff; padding: 0px 10px; text-align: center; margin-top: 60px; }
    .huokebig .list { margin-top: 40px; width: 100%; max-width: 1200px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
        .huokebig .list .left { flex: 2; }
        .huokebig .list .right { flex: 1; }
            .huokebig .list .right img { padding: 0px; max-width: 100%; }

        .huokebig .list .left ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
            .huokebig .list .left ul li { width: 50%; padding: 60px 40px 40px 40px; max-height: 400px; max-width: 400px; }
                .huokebig .list .left ul li.bg { background-color: #ebebeb }
                .huokebig .list .left ul li img { padding: 20px 0px; max-width: 100%; }
                .huokebig .list .left ul li b { font-size: 24px; color: #000; margin-bottom: 20px; display: block; }
                .huokebig .list .left ul li p { font-size: 24px; color: #000; }



@media only screen and (max-width:768px) {
    .huokebig .list .left ul li { padding: 20px 10px 20px 10px; }
        .huokebig .list .left ul li b { font-size: 16px; }
        .huokebig .list .left ul li p { font-size: 16px; }
    .huokebig .list .right { display: none; }
}



.yingxiaobig { width: 100%; background-color: #fff; padding: 0px 0px; text-align: center; margin-top: 60px; }
    .yingxiaobig .conn { background-image: url('/Tpl/web/images/brand/jd/c2.png'); padding: 40px 10px; margin-top: 40px; }
        .yingxiaobig .conn img { max-width: 100%; }







.fuwubig { width: 100%; background-color: #fff; padding: 0px 10px; text-align: center; margin-top: 60px; }
    .fuwubig ul { max-width: 1300px; margin-top: 40px; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
        .fuwubig ul li { text-align: left; width: 20%; margin: 0px 1%; margin-bottom: 20px; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); padding: 30px 30px; }
            .fuwubig ul li.right { flex: 1; }
            .fuwubig ul li b { font-size: 24px; padding-bottom: 20px; margin-bottom: 20px; color: #000; display: block; border-bottom: solid 1px #e9e9ea }
            .fuwubig ul li p { font-size: 18px; color: #989898; line-height: 1.8; }
                .fuwubig ul li p > i { display: inline-block; width: 16%; font-style: normal; }

@media only screen and (max-width:768px) {
    .fuwubig ul li { width: 100%; padding: 30px 15px; }
        .fuwubig ul li b { font-size: 18px; }
        .fuwubig ul li p { font-size: 14px; }
            .fuwubig ul li p i { width: 48%; }
}





.youshibig { width: 100%; margin-top: 60px; max-width: 1300px; padding: 0px 10px; }
    .youshibig .list { width: 100%; margin-top: 40px; }
        .youshibig .list > ul { width: 100%; font-size: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
            .youshibig .list > ul > li { width: 18%; margin: 0px 1%; margin-bottom: 15px; text-align: left; padding: 30px 15px; background-color: #fe4341; }
                .youshibig .list > ul > li > img { max-width: 100%; }
                .youshibig .list > ul > li > p { font-size: 18px; text-align: center; color: #fff; }
                    .youshibig .list > ul > li > p > b { font-size: 24px; display: block; margin: 20px 0px; text-align: center; }

@media only screen and (max-width:768px) {
    .youshibig { margin-top: 30px; }
        .youshibig .list { width: 100%; margin-top: 20px; }
            .youshibig .list > ul > li { width: 31.33% }
                .youshibig .list > ul > li > p { font-size: 14px; }
                    .youshibig .list > ul > li > p > b { font-size: 18px; margin: 10px 0px; }
}



.pinpaibig { width: 100%; margin-top: 60px; margin-bottom: 60px; max-width: 1300px; padding: 0px 10px; }
    .pinpaibig .list { width: 100%; margin-top: 40px; }
        .pinpaibig .list > ul { width: 100%; font-size: 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
            .pinpaibig .list > ul > li { width: 18%; margin: 0px 1%; margin-bottom: 15px; text-align: left; }
                .pinpaibig .list > ul > li > img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .pinpaibig { margin-top: 30px; }
        .pinpaibig .list { width: 100%; margin-top: 20px; }
            .pinpaibig .list > ul > li { width: 31.33% }
}

 




 

.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('/Tpl/web/images/index/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; }
}