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




.contentbig { width: 100%; padding: 0px 6%; max-width: 1920px; margin: 0px auto; }
    .contentbig > .conn { width: 100%; padding: 4rem 0px; }
        .contentbig > .conn > .text { width: 100%; background-color: #fff; display: flex; }
            .contentbig > .conn > .text > .left { width: 100%; }

.date { padding: 10px 0px; border-bottom: 1px #ccc dashed }
.miaoshu { padding: 1rem 0px; border-bottom: 1px #ccc dashed }
    .miaoshu > i { font-style: normal; font-size: 1rem; display: block }
.zizhe { padding: 1rem 0px; border-bottom: 1px #ccc dashed }
    .zizhe > i { font-style: normal; font-size: 1rem; display: block }

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