锘縮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; }
}

.wentibig { width: 100%; margin-top: 60px; max-width: 1300px; padding: 0px 10px; }
    .wentibig .list { width: 100%; margin-top: 40px; }
        .wentibig .list > ul { width: 100%; font-size: 0px; text-align: left; }
            .wentibig .list > ul > li { width: 20%; display: inline-block; vertical-align: top; padding: 0px 20px; margin-bottom: 20px; }
                .wentibig .list > ul > li > img { max-width: 100%; }
                .wentibig .list > ul > li > p { font-size: 18px; text-align: center; }
                    .wentibig .list > ul > li > p > b { font-size: 24px; display: block; margin: 20px 0px; text-align: center; }

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


.nantibig { width: 100%; margin-top: 60px; max-width: 1300px; padding: 0px 10px; }
    .nantibig .list { width: 100%; margin-top: 40px; }
        .nantibig .list > ul { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
            .nantibig .list > ul > li { width: 18%; margin: 0px 1%; margin-bottom: 15px; box-shadow: 0px 0px 10px 0px rgba(44,44,44,0.1); padding: 30px 15px; }
                .nantibig .list > ul > li > b { font-size: 24px; text-align: center; display: block; margin-bottom: 20px; color: #000; }
                .nantibig .list > ul > li > p { font-size: 18px; text-align: center; color: #000; }


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



.shujubig { width: 100%; margin-top: 60px; }
    .shujubig .list { width: 100%; margin-top: 40px; background-color: #fff1ec; padding: 60px 10px 20px 10px; }
        .shujubig .list .connbox { max-width: 1300px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
            .shujubig .list .connbox .ll { width: 25%; }
                .shujubig .list .connbox .ll b { font-size: 24px; margin-bottom: 60px; display: block; }
                .shujubig .list .connbox .ll div { width: 100%; margin-bottom: 40px; }
                    .shujubig .list .connbox .ll div span { border: solid 1px #ff5f20; padding: 8px 20px; color: #333; font-size: 18px; }
            .shujubig .list .connbox .rr { flex: 1; }
                .shujubig .list .connbox .rr b { font-size: 24px; margin-bottom: 60px; display: block; }
                .shujubig .list .connbox .rr img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .shujubig .list .connbox .ll b { font-size: 14px; }
    .shujubig .list .connbox .ll div span { font-size: 14px; padding: 4px 10px; }
    .shujubig .list .connbox .rr b { font-size: 14px; }
}




.liuliangbig { width: 100%; margin-top: 60px; max-width: 1300px; padding: 0px 10px; }
    .liuliangbig .list { width: 100%; margin-top: 40px; }
        .liuliangbig .list > ul { width: 100%; font-size: 0px; text-align: left; }
            .liuliangbig .list > ul > li { width: 20%; display: inline-block; vertical-align: top; padding: 0px 20px; margin-bottom: 20px; }
                .liuliangbig .list > ul > li > img { max-width: 100%; }
                .liuliangbig .list > ul > li > p { font-size: 18px; text-align: center; color: #989898 }
                    .liuliangbig .list > ul > li > p > b { font-size: 24px; display: block; margin: 20px 0px; text-align: center; color: #333; }

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





.lenxiaobig { width: 100%; margin-top: 60px; padding: 60px 0px 80px 0px; background-image: url('/Tpl/web/images/brand/tmall/f1.jpg'); background-repeat: no-repeat; background-position: center; }
    .lenxiaobig .list { width: 100%; margin-top: 40px; }
        .lenxiaobig .list > ul { width: 100%; font-size: 0px; text-align: left; max-width: 1200px; }
            .lenxiaobig .list > ul > li { width: 50%; display: inline-block; vertical-align: top; padding: 0px 20px; margin-bottom: 20px; text-align: center; }
                .lenxiaobig .list > ul > li b { font-size: 60px; color: #fff; }
                .lenxiaobig .list > ul > li p { font-size: 30px; color: #fff; }

@media only screen and (max-width:768px) {
    .lenxiaobig .list > ul > li b { font-size: 30px; }
    .lenxiaobig .list > ul > li p { font-size: 14px; }
}






.zhizibig { width: 100%; margin-top: 60px; max-width: 1300px; padding: 0px 10px; }
    .zhizibig .list { width: 100%; margin-top: 40px; }
        .zhizibig .list > ul { width: 100%; font-size: 0px; text-align: left; }
            .zhizibig .list > ul > li { width: 33.33%; display: inline-block; vertical-align: top; padding: 0px 20px; margin-bottom: 20px; }
                .zhizibig .list > ul > li > img { max-width: 100%; }
                .zhizibig .list > ul > li > p { font-size: 18px; text-align: center; color: #333; padding: 10px }

@media only screen and (max-width:768px) {
    .zhizibig { margin-top: 30px; }
        .zhizibig .list { width: 100%; margin-top: 20px; }
            .zhizibig .list > ul > li { width: 50% }
                .zhizibig .list > ul > li > p { font-size: 14px; }
}


.fanganbig { width: 100%; margin-top: 60px; max-width: 1300px; padding: 0px 10px; }
    .fanganbig .list { width: 100%; margin-top: 40px; }
        .fanganbig .list > ul { width: 100%; font-size: 0px; text-align: left; }
            .fanganbig .list > ul > li { width: 100%; display: inline-block; vertical-align: top; padding: 0px 20px; margin-bottom: 20px; }
                .fanganbig .list > ul > li > img { max-width: 100%; }

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






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