﻿
img { max-width: 100%; }
.banner { width: 100%; margin: 0px auto; }
    .banner > img { width: 100%; height: 100%; min-height: 420px; object-fit: cover; }


nav.breadbig { width: 100%; background-color: #f7f7f7; font-size: 14px; color: #999; margin: 0px auto; }
    nav.breadbig > .conn { display: flex; width: 100%; flex-wrap: wrap; max-width: 1920px; padding: 20px 6%; margin: 0px auto; }
        nav.breadbig > .conn > .l { flex: 1; }
            nav.breadbig > .conn > .l > a { font-size: 14px; color: #999; }
        nav.breadbig > .conn > .r { text-align: right; }
            nav.breadbig > .conn > .r > a { margin-left: 4rem; font-size: 1.125rem; color: #363636; position: relative; line-height: 1; }
                nav.breadbig > .conn > .r > a.action { color: #f08200 }
                    nav.breadbig > .conn > .r > a.action:after { position: absolute; margin: 0px auto; bottom: -20px; left: 0px; right: 0px; content: ""; height: 2px; width: 18px; background-color: #f08200 }


@media only screen and (max-width:1280px) {
    nav.breadbig > .conn { padding: 20px 3%; }
}

@media only screen and (max-width:1024px) {
    nav.breadbig > .conn { padding-left: 1rem; padding-right: 1rem; }
}



@media only screen and (max-width:768px) {
    nav.breadbig > .conn { padding-top: 10px; padding-bottom: 10px }
        nav.breadbig > .conn > .l { flex: none; width: 100%; margin-bottom: 1.5rem; }
        nav.breadbig > .conn > .r { width: 100%; text-align: center; }
            nav.breadbig > .conn > .r > a { margin-left: 2rem; margin-right: 2rem; }
                nav.breadbig > .conn > .r > a.action:after { bottom: -10px; }
}



.title { width: 100%; }
    .title > b { color: #232323; font-size: 2rem; font-weight: 400; position: relative; }
        .title > b::after { position: absolute; content: ""; border-bottom: solid 2px #f08200; width: 28px; left: 0px; bottom: -1.25rem; }

.titlebai > b { color: #fff; }

@media only screen and (max-width:1400px) {
    .title > b { font-size: 1.85rem; }
}

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

@media only screen and (max-width:1024px) {
    .title > b { font-size: 1.45rem; }
}

@media only screen and (max-width:960px) {
    .title > b { font-size: 1.3rem; }
}

@media only screen and (max-width:768px) {
    .title > b { font-size: 1.15rem; }
}

@media only screen and (max-width:480px) {
    .title > b { font-size: 1rem; }
}







.contentbig { width: 100%; padding: 0px 6%; max-width: 1920px; margin: 0px auto; }
    .contentbig > .conn { width: 100%; padding: 6.25rem 0px; }
        .contentbig > .conn > .text { width: 100%; margin-top: 3.25rem; background-color: #fff; }
            .contentbig > .conn > .text > ul { width: 100%; display: flex; flex-wrap: wrap; }
                .contentbig > .conn > .text > ul > li { width: 23%; margin: 20px 1%; padding: 20px; box-shadow: 2px 2px 3px 3px rgba(0,0,0,.05); border-radius: 10px; }


                    .contentbig > .conn > .text > ul > li > a { display: block; width: 100%; text-align: center; }
                        .contentbig > .conn > .text > ul > li > a > img { margin: 0px auto; }
                        .contentbig > .conn > .text > ul > li > a > b { text-align: left; display: block; font-weight: 400; font-size: 1.125rem; color: #232323; padding: 10px 0px; }
                        .contentbig > .conn > .text > ul > li > a > p { text-align: left; color: #999; font-size: 14px; line-height: 1.8; }



@media only screen and (max-width:1280px) {
    .contentbig { padding: 0px 3%; }
}

@media only screen and (max-width:1024px) {
    .contentbig { padding-left: 1rem; padding-right: 1rem; }
        .contentbig > .conn { padding: 4rem 0px; }
            .contentbig > .conn > .text { margin-top: 3rem; }
}

@media only screen and (max-width:768px) {
    .contentbig > .conn { padding: 2rem 0px; }
        .contentbig > .conn > .text > ul > li { width: 48%; margin: 10px 1%; }
}




.pagers { position: relative; width: 100%; padding: 2rem 0px; overflow: hidden; text-align: center; clear: both; font-size: 14px; }
    .pagers a { font-size: 14px; }
        .pagers a.PageLink { font-size: 16px; display: inline-block; height: 34px; line-height: 34px; margin-left: 10px; padding: 0px 12px; color: #333; overflow: hidden; text-decoration: none; background-color: #f6f6f6; border-radius: 17px; border: 1px solid #eeeeee; cursor: pointer; }
    .pagers .PageSel { font-size: 16px; display: inline-block; height: 32px; line-height: 32px; margin-left: 10px; padding: 0px 12px; color: #fff; overflow: hidden; text-decoration: none; background-color: #c51215; border: 0px solid #4793cf; border-radius: 16px; }
    .pagers .nodate { font-size: 16px; }
