锘


.bg1banner { margin: 0px auto; width: 100%; overflow: hidden; background-color: #fff; }
    .bg1banner img { max-width: 100%; }




.title { font-size: 60px; }
.titleblue { color: #365e83 }
.titlebai { color: #fff }

@media only screen and (max-width:1600px) {
    .title { font-size: 52px; }
}

@media only screen and (max-width:1440px) {
    .title { font-size: 48px; }
}

@media only screen and (max-width:1366px) {
    .title { font-size: 46px; }
}

@media only screen and (max-width:1280px) {
    .title { font-size: 40px; }
}

@media only screen and (max-width:1024px) {
    .title { font-size: 32px; }
}

@media only screen and (max-width:960px) {
    .title { font-size: 28px; }
}

@media only screen and (max-width:768px) {
    .title { font-size: 24px; }
}

@media only screen and (max-width:640px) {
    .title { font-size: 20px; }
}

@media only screen and (max-width:480px) {
    .title { font-size: 16px; }
}

@media only screen and (max-width:320px) {
    .title { font-size: 14px; }
}


.tezhengbig { width: 100%; margin: 0px auto; }
    .tezhengbig > .tezheng { width: 100%; padding: 80px 0px 0px 0px; }
        .tezhengbig > .tezheng img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .tezhengbig > .tezheng { padding: 40px 0px 0px 0px; }
}


.tiaozanbig { width: 100%; margin: 0px auto; }
    .tiaozanbig > .tiaozan { width: 100%; position: relative; text-align: center; }
        .tiaozanbig > .tiaozan .fudong { position: absolute; top: 60px; left: 0px; right: 0px; }
        .tiaozanbig > .tiaozan > img { max-width: 100%; }
        .tiaozanbig > .tiaozan .conn { width: 56%; max-width: 1090px; padding: 0px 10px; display: flex; margin-top: 20px; }
            .tiaozanbig > .tiaozan .conn > .left { flex: 1; }
            .tiaozanbig > .tiaozan .conn > .right { width: 48%; }
            .tiaozanbig > .tiaozan .conn > .left > ul { width: 100%; }
                .tiaozanbig > .tiaozan .conn > .left > ul > li { width: 100%; margin: 5% 0px; text-align: left; color: #fff; display: flex; align-items: center }
                    .tiaozanbig > .tiaozan .conn > .left > ul > li .tzicon { width: 16%; margin-right: 10px; }
                        .tiaozanbig > .tiaozan .conn > .left > ul > li .tzicon > img { max-width: 100%; }
                    .tiaozanbig > .tiaozan .conn > .left > ul > li .txt { flex: 1 }




.tztitle { font-size: 42px; }
.tzimg { max-width: 100%; }

@media only screen and (max-width:1600px) {
    .tztitle { font-size: 38px; }
}

@media only screen and (max-width:1440px) {
    .tztitle { font-size: 34px; }
}

@media only screen and (max-width:1366px) {
    .tztitle { font-size: 30px; }
}

@media only screen and (max-width:1280px) {
    .tztitle { font-size: 28px; }
}

@media only screen and (max-width:1024px) {
    .tztitle { font-size: 22px; }
}

@media only screen and (max-width:960px) {
    .tztitle { font-size: 18px; }
}

@media only screen and (max-width:768px) {
    .tiaozanbig > .tiaozan .conn { width: 72%; margin-top: 10px; }
        .tiaozanbig > .tiaozan .conn > .right { width: 36%; }
    .tiaozanbig > .tiaozan .fudong { top: 10px; }
    .tiaozanbig > .tiaozan .conn > .left > ul > li { margin: 2% 0px; }
        .tiaozanbig > .tiaozan .conn > .left > ul > li .tzicon { width: 12%; }
    .tztitle { font-size: 15px; }
}

@media only screen and (max-width:640px) {
    .tztitle { font-size: 13px; }
}

@media only screen and (max-width:480px) {
    .tztitle { font-size: 12px; }
}




.xuanzhebig { width: 100%; margin: 0px auto; max-width: 1920px; }
.xuanzhe { width: 100%; padding: 110px 0px; margin: 0px auto; background-image: url('/Tpl/web/images/brand/kj/c1.jpg'); background-size: cover; }
    .xuanzhe > .conn { max-width: 1920px; margin-top: 30px; position: relative; }
        .xuanzhe > .conn > img { width: 61%; max-width: 1174px; }
        .xuanzhe > .conn > .txt { max-width: 400px; width: 100%; position: absolute; left: 0px; right: 0px; text-align: center; border: solid 1px #000 }
            .xuanzhe > .conn > .txt > .content { max-width: 400px; width: 100%; }


@media only screen and (max-width:768px) {
    .xuanzhe { padding: 60px 10px; }
        .xuanzhe > .conn > img { width: auto; max-width: 100%; }
}






.fuwubig { width: 100%; margin: 0px auto; max-width: 1920px; }
.fuwu { width: 100%; padding: 110px 10px; margin: 0px auto; background-image: url('/Tpl/web/images/brand/kj/d1.jpg'); background-size: cover; background-repeat: no-repeat; }
    .fuwu .subtitle { width: 96%; border-bottom: solid 1px #fff; position: relative; margin-top: 10px; }
        .fuwu .subtitle > .text { transform: translateY(25px); background-color: #e99313; display: inline-block; padding: 0px 40px; color: #fff; font-size: 28px; height: 50px; line-height: 50px; }
    .fuwu .subtitletxt { font-size: 28px; color: #fff; margin-top: 40px; }
    .fuwu > .conn { width: 100%; max-width: 1280px; margin-top: 60px; }
        .fuwu > .conn > ul { width: 100%; display: flex; flex-wrap: wrap; align-content: baseline; }
            .fuwu > .conn > ul > li { width: 31.33%; margin: 1.5% 1%; background-color: #365e82; }
                .fuwu > .conn > ul > li > img { max-width: 100%; }
                .fuwu > .conn > ul > li > .bg { height: 258px; padding: 30px; background-image: url('/Tpl/web/images/brand/kj/db1.jpg'); background-repeat: repeat-x; }
                    .fuwu > .conn > ul > li > .bg > b { display: block; color: #fff; font-weight: bold; font-size: 28px; border-bottom: solid 1px #fff; }
                    .fuwu > .conn > ul > li > .bg > p { font-size: 18px; color: #fff; margin-top: 20px; }



@media only screen and (max-width:960px) {
    .fuwu > .conn > ul > li > .bg > b { font-size: 22px; font-weight: 400; }
    .fuwu > .conn > ul > li > .bg > p { font-size: 16px; }
}


@media only screen and (max-width:768px) {
    .fuwu { padding: 40px 10px; }
        .fuwu .subtitle { margin-top: 0px; }
            .fuwu .subtitle > .text { transform: translateY(20px); font-size: 16px; height: 40px; line-height: 40px; }
        .fuwu .subtitletxt { font-size: 16px; }
        .fuwu > .conn { margin-top: 30px; }
            .fuwu > .conn > ul > li { width: 31.33%; margin: 1% 1%; }
                .fuwu > .conn > ul > li > .bg { padding: 10px 5px; height: 218px; }
                    .fuwu > .conn > ul > li > .bg > b { font-size: 16px; font-weight: 400; }
                    .fuwu > .conn > ul > li > .bg > p { font-size: 14px; }
}

@media only screen and (max-width:480px) {
    .fuwu > .conn { margin-top: 20px; }
        .fuwu > .conn > ul > li > .bg > b { font-size: 14px; }
        .fuwu > .conn > ul > li > .bg > p { font-size: 12px; }
}






.fuwuptbig { width: 100%; max-width: 1920px; margin: 0px auto; background-image: url('/Tpl/web/images/brand/kj/e1.jpg'); background-repeat: no-repeat; background-size: cover; }
    .fuwuptbig > .fuwupt { width: 100%; padding: 80px 0px 60px 0px; }
        .fuwuptbig > .fuwupt .img { margin-top: 20px; }
            .fuwuptbig > .fuwupt .img img { max-width: 100%; width: 64%; }

@media only screen and (max-width:768px) {
    .fuwuptbig > .fuwupt { padding: 40px 0px 30px 0px; }
        .fuwuptbig > .fuwupt .img img { width: 90%; }
}



.fuwuysbig { width: 100%; max-width: 1920px; margin: 0px auto; background-image: url('/Tpl/web/images/brand/kj/f1.jpg'); background-repeat: no-repeat; background-size: cover; }
.fuwuys { width: 100%; padding: 80px 0px 60px 0px; }
    .fuwuys > .lista { width: 50%; padding: 0px; }
        .fuwuys > .lista > ul.itema { width: 100%; display: flex; }
            .fuwuys > .lista > ul.itema > li { flex: 1; padding: 5% 5%; }
                .fuwuys > .lista > ul.itema > li > .box { width: 100%; }
                    .fuwuys > .lista > ul.itema > li > .box > img { max-width: 100%; }

    .fuwuys > .listb { width: 68%; padding: 0px; }
        .fuwuys > .listb > ul.itemb { width: 100%; display: flex; }
            .fuwuys > .listb > ul.itemb > li { flex: 1; padding: 5% 2%; }
                .fuwuys > .listb > ul.itemb > li > .box { width: 100%; }
                    .fuwuys > .listb > ul.itemb > li > .box > img { max-width: 100%; }


@media only screen and (max-width:960px) {
    .fuwuys > .lista { width: 70%; }
    .fuwuys > .listb { width: 95%; }
}

@media only screen and (max-width:768px) {
    .fuwuys { padding: 40px 0px 20px 0px; }
        .fuwuys > .lista { width: 96%; }
            .fuwuys > .lista > ul.itema > li { flex: 1; padding: 3% 3%; }
        .fuwuys > .listb { width: 96%; }
            .fuwuys > .listb > ul.itemb { width: 100%; display: flex; flex-wrap: wrap; }
                .fuwuys > .listb > ul.itemb > li { flex: none; width: 50%; padding: 3% 3%; }
}





.shilibig { width: 100%; margin: 0px auto; max-width: 1920px; }
    .shilibig > .shili { width: 100%; position: relative; text-align: center; }
        .shilibig > .shili .fudong { position: absolute; top: 60px; left: 0px; right: 0px; }
        .shilibig > .shili > img { max-width: 100%; }
        .shilibig > .shili .conn { width: 56%; max-width: 1200px; padding: 0px 10px; margin-top: 40px; }
            .shilibig > .shili .conn > ul { width: 100%; }
                .shilibig > .shili .conn > ul > li { width: 100%; text-align: left; margin-bottom: 20px; }
                    .shilibig > .shili .conn > ul > li > img { max-width: 100%; width: 52%; }

@media only screen and (max-width:768px) {
    .shilibig > .shili .fudong { top: 20px; }
    .shilibig > .shili .conn { width: 98%; margin-top: 20px; }
        .shilibig > .shili .conn > ul { display: flex; flex-wrap: wrap; text-align: left; }
            .shilibig > .shili .conn > ul > li { width: 49%; margin-bottom: 10px; }
                .shilibig > .shili .conn > ul > li > img { width: 80%; }
}





.yaoqiubig { width: 100%; margin: 0px auto; max-width: 1920px; }
.yaoqiu { width: 100%; padding: 80px 10px; margin: 0px auto; background-image: url('/Tpl/web/images/brand/kj/h1.jpg'); background-size: cover; background-repeat: no-repeat; }
    .yaoqiu .subtitle { width: 96%; border-bottom: solid 1px #fff; position: relative; margin-top: 10px; }
        .yaoqiu .subtitle > .text { transform: translateY(25px); background-color: #e99313; display: inline-block; padding: 0px 40px; color: #fff; font-size: 28px; height: 50px; line-height: 50px; }
    .yaoqiu .subtitletxt { font-size: 28px; color: #fff; margin-top: 40px; }
    .yaoqiu > .conn { width: 100%; max-width: 1280px; margin-top: 60px; margin-bottom: 60px; }
        .yaoqiu > .conn > ul { width: 100%; display: flex; flex-wrap: wrap; }
            .yaoqiu > .conn > ul > li { width: 29.33%; margin: 1% 2%; background-color: rgba(0,0,0,0.7); border-radius: 10px; }
                .yaoqiu > .conn > ul > li img { max-width: 100%; }
                .yaoqiu > .conn > ul > li > b { display: block; color: #fff; margin: 20px 0px; font-weight: 400; font-size: 28px; }
                .yaoqiu > .conn > ul > li > p { color: #fff; font-size: 18px; }


    .yaoqiu > .list { width: 100%; max-width: 1200px; margin-top: 60px; margin-bottom: 60px; }
        .yaoqiu > .list > ul { width: 100%; display: flex; flex-wrap: wrap; }
            .yaoqiu > .list > ul > li { width: 12%; color: #fff; text-align: left; }
                .yaoqiu > .list > ul > li > div { display: inline-block; }
                .yaoqiu > .list > ul > li > b { display: block; font-size: 20px; font-weight: 400; }
                .yaoqiu > .list > ul > li > p { font-size: 16px; }
                .yaoqiu > .list > ul > li:nth-of-type(2n+1) { margin-top: 50px; }

.triangle { position: relative; width: 0px; height: 0; border-left: 80px solid #ececec; border-top: 50px solid transparent; border-bottom: 50px solid transparent; }
    .triangle > div { font-size: 40px; position: absolute; left: -75px; top: -30px; color: #365e83 }
.triangle2 { border-left-color: #365e83; }
    .triangle2 > div { color: #fff; }


@media only screen and (max-width:1400px) {
    .yaoqiu .subtitle > .text { font-size: 22px; }
    .yaoqiu > .conn > ul > li > b { font-size: 22px; }
    .yaoqiu > .conn > ul > li > p { font-size: 18px; }
}

@media only screen and (max-width:1280px) {
    .yaoqiu .subtitle > .text { transform: translateY(20px); font-size: 18px; height: 40px; line-height: 40px; }
    .yaoqiu .subtitletxt { font-size: 24px; }
    .yaoqiu > .conn > ul > li img { max-width: 60%; }
    .yaoqiu > .conn > ul > li > b { font-size: 18px; }
    .yaoqiu > .conn > ul > li > p { font-size: 16px; }
    .yaoqiu > .list > ul > li > b { font-size: 16px; }
    .yaoqiu > .list > ul > li > p { font-size: 12px; }
}

@media only screen and (max-width:960px) {
    .yaoqiu .subtitle > .text { font-size: 18px; }
    .yaoqiu .subtitletxt { font-size: 24px; }
}


@media only screen and (max-width:768px) {
    .yaoqiu { padding: 40px 10px; }
        .yaoqiu .subtitle { margin-top: 0px; }
            .yaoqiu .subtitle > .text { transform: translateY(18px); font-size: 16px; height: 36px; line-height: 36px; }
        .yaoqiu .subtitletxt { font-size: 18px; margin-top: 25px; }
        .yaoqiu > .conn { margin-top: 30px; }
            .yaoqiu > .conn > ul > li img { max-width: 40%; }
            .yaoqiu > .conn > ul > li > b { font-size: 16px; }
            .yaoqiu > .conn > ul > li > p { font-size: 14px; }


        .yaoqiu > .list > ul > li { width: 23%; margin: 1%; }
            .yaoqiu > .list > ul > li > b { font-size: 14px; }
            .yaoqiu > .list > ul > li > p { font-size: 12px; }

    .triangle { border-left: 40px solid #ececec; border-top: 30px solid transparent; border-bottom: 30px solid transparent; }
        .triangle > div { font-size: 20px; left: -38px; top: -15px; }
    .triangle2 { border-left-color: #365e83; }
}

@media only screen and (max-width:480px) {
    .yaoqiu > .conn { margin-top: 20px; }
        .yaoqiu > .conn > ul > li { width: 48%; margin: 1% 1%; }
            .yaoqiu > .conn > ul > li > .bg > b { font-size: 14px; }
            .yaoqiu > .conn > ul > li > .bg > p { font-size: 12px; }
            .yaoqiu > .conn > ul > li > b { font-size: 14px; }
            .yaoqiu > .conn > ul > li > p { font-size: 12px; }
}



.casebig { width: 100%; margin: 0px auto; max-width: 1920px; }
    .casebig > .case { width: 100%; padding: 80px 10px; text-align: center; background-image: url('/Tpl/web/images/brand/kj/j1.jpg'); background-size: cover; background-repeat: no-repeat; }
        .casebig > .case > ul.list { max-width: 1120px; width: 100%; flex-wrap: wrap; display: flex; margin-top: 30px; }
            .casebig > .case > ul.list > li { width: 15.666%; margin: 0.5% 0.5%; }
                .casebig > .case > ul.list > li > img { max-width: 100%; }

@media only screen and (max-width:768px) {
    .casebig > .case { padding: 40px 10px; }
    .casebig > .case > ul.list > li { width: 32.333%; margin: 0.5% 0.5%; } 
}







.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; }
}
