锘
@media only screen and (max-width:960px) {
    .content_wrapper { padding-top: 60px; }
}

img { max-width: 100%; }
.banner { padding-top: 9rem; width: 100%; margin: 0px auto; }

@media only screen and (max-width:960px) {
    .banner { padding-top: 0rem; }
}

.rountmenu { margin: 0px auto; width: 100%; max-width: 1920px; padding: 2rem 4%; color: #161616; font-size: 1rem; }
    .rountmenu > a { color: #161616; font-size: 1rem; padding: 0px 5px; }

@media only screen and (max-width:960px) {
    .rountmenu { font-size: 14px; }
        .rountmenu > a { font-size: 14px; }
}



.listbg { width: 100%; }
.listbig { width: 100%; max-width: 1920px; padding: 2rem 4% 2rem 4%; margin: 0px auto; text-align: center; }
    .listbig > .title { text-transform: uppercase; font-weight: bold; font-size: 3rem; color: #000; text-align: center; line-height: 1.5; letter-spacing: 3px; }
    .listbig > .subtitle { font-size: 14px; color: #474645;font-size:16px; }
    .listbig > .content { width: 100%; max-width: 1400px; margin: 2rem auto; }
        .listbig > .content > table { width: 100%; }
            .listbig > .content > table > thead > tr > td { border-left: solid 1px #0064b6; background-color: #0064b6; padding: 1px; color: #fff; font-size: 1.15rem; padding: 1rem 0px; border-right: solid 1px #fff; text-align: center; }
                .listbig > .content > table > thead > tr > td:last-child { border-right: solid 1px #0064b6;; }
            .listbig > .content > table > tbody > tr > td { color: #474645; text-align: center; border-left: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4; font-size: 1rem; padding: 10px 0px; }
                .listbig > .content > table > tbody > tr > td:last-child { border-right: solid 1px #d4d4d4; }
            .listbig > .content > table > tbody > tr.grey > td { background-color: #f5f5f5 }
            .listbig > .content > table > tbody > tr > td > a { color: #0064B5; font-weight: bold; }
            .listbig > .content > table > tbody > tr > td > .img { padding: 1rem; height: 180px; }
                .listbig > .content > table > tbody > tr > td > .img > img { max-width: 100%; max-height: 100%; }

    .listbig > .phonecontent { display: none; }


@media only screen and (max-width:1280px) {
    .listbig > .title { font-size: 40px; } 
}



@media only screen and (max-width:960px) {
    .listbig > .content { display: none; }
    .listbig > .phonecontent { display: block; margin: 2rem auto; max-width: 500px; }

    .inner { width: 100%; padding: 2rem 0px; }
        .inner > .titlebox { margin-bottom: 2rem; width: auto; display: flex; align-content: center; justify-content: center; }
            .inner > .titlebox > .ll { margin-right: 2rem; font-size: 1rem; }
                .inner > .titlebox > .ll > p { color: #474645; font-size: 1rem; padding: 5px 0px; }
            .inner > .titlebox > .rr > .img { height: 100px; }
                .inner > .titlebox > .rr > .img > img { max-width: 100%; max-height: 100%; }

        .inner > table { width: 100%; }
            .inner > table > thead > tr > td { border-left: solid 1px #0064b6; background-color: #0064b6; color: #fff; font-size: 1rem; padding: 1rem 0px; border-right: solid 1px #fff; text-align: center; }
                .inner > table > thead > tr > td:last-child { border-right: solid 1px #0064b6; }
            .inner > table > tbody > tr > td { color: #474645; text-align: center; border-left: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4; font-size: 1rem; padding: 10px 0px; }
                .inner > table > tbody > tr > td:last-child { border-right: solid 1px #d4d4d4; }
            .inner > table > tbody > tr.grey > td { background-color: #f5f5f5 }
            .inner > table > tbody > tr > td > a { color: #0064B5; font-weight: bold; }
}


.jgffbg { width: 100%; background-color: #ebebeb }
.jgffbig { width: 100%; max-width: 1200px; padding: 2rem 4% 2rem 4%; margin: 0px auto; text-align: center; }
    .jgffbig > ul { width: 100%; margin: 3rem auto; }
        .jgffbig > ul > li { width: 100%; position: relative; margin: 2rem auto; }
            .jgffbig > ul > li > a { display: flex; border-radius: 10px; padding: 20px 25%; background-repeat: no-repeat; background-size: cover; background-position: center; align-items: center; }
                .jgffbig > ul > li > a > img { height: 2.5rem; margin-right: 2rem; }
                .jgffbig > ul > li > a > h3 { color: #fff; font-size: 1.5rem; }

            .jgffbig > ul > li:nth-child(1) > a { background-image: url('/Tpl/web/images/productdt/bg1.jpg') }
            .jgffbig > ul > li:nth-child(2) > a { background-image: url('/Tpl/web/images/productdt/bg2.jpg') }

@media only screen and (max-width:960px) {
    .jgffbig > ul { max-width: 500px; margin: 2rem auto; }
        .jgffbig > ul > li > a { padding: 20px 10%; }
            .jgffbig > ul > li > a > img { height: 2rem; }
            .jgffbig > ul > li > a > h3 { font-size: 1.25rem; }
}



.ylbbg { width: 100%; }
.ylbbig { width: 100%; max-width: 1920px; padding: 4rem 4% 4rem 4%; margin: 0px auto; text-align: center; }
    .ylbbig > .boxtitle { margin: 3rem auto; }
        .ylbbig > .boxtitle > span { border: solid 2px #333; padding: 1rem 3rem; font-weight: bold; font-size: 1.5rem; color: #000; border-radius: 30px; }

@media only screen and (max-width:960px) {
    .ylbbig > .boxtitle > span { font-size: 1.15rem; }
}
<!--0.00019478797912598-->