﻿img { max-width: 100%; }
.banner { position: relative; width: 100%; max-width: 1432px; height: 100%; max-height: 800px; min-height: 500px; margin: 0px auto; text-align: center; }
    .banner > img { object-fit: cover; width: 100%; height: 100% }
    .banner .text { position: absolute; bottom: 6.25rem; width: 100%; }
        .banner .text > .box { width: 80%; margin: 0px auto; text-align: left; letter-spacing: 4px; }
            .banner .text > .box > b { font-weight: 400; font-size: 2.5rem; color: #fff; }
                .banner .text > .box > b > i { font-style: normal; color: #fff }
            .banner .text > .box > p { font-size: 2rem; color: #fff; padding-left: 10rem; }
                .banner .text > .box > p > i { font-style: normal; font-size: 2.5rem; }

@media only screen and (max-width:768px) {
    .banner .text > .box > b { font-size: 1.8rem; }
    .banner .text > .box > p { font-size: 1.5rem; padding-left: 5rem; }
        .banner .text > .box > p > i { font-size: 1.8rem; }
    .banner { max-height: 600px; }
}




:root { --banheight: 88px; }
.ban { height: var(--banheight); }

@media only screen and (max-width:1440px) {
    :root { --banheight: 76px; }
}

@media only screen and (max-width:1366px) {
    :root { --banheight: 72px; }
}

@media only screen and (max-width:1280px) {
    :root { --banheight: 72px; }
}

@media only screen and (max-width:1024px) {
    :root { --banheight: 64px; }
}

@media only screen and (max-width:960px) {
    :root { --banheight: 64px; }
}

@media only screen and (max-width:768px) {
    :root { --banheight: 50px; }
}




.breadcrumb { font-size: 0px; color: #999; line-height: 1; padding: 1rem 0.5%; }
    .breadcrumb > span { font-size: 1rem; margin-right: 5px; }
        .breadcrumb > span > a { font-size: 1rem; color: #999; }
.listbg { width: 100%; background-color: #f5f5f5; }
.listbig { width: 100%; max-width: 1432px; padding: 1rem 4% 3rem 4%; margin: 0px auto; background-color: #fff; }
    .listbig > ul.list { display: flex; margin-top: 1rem; flex-wrap: wrap; }
        .listbig > ul.list > li { display: flex; margin: 10px auto; width: 100%; padding: 1.25rem; border: solid 1px #f3f3f3; background-color: #fafafa }
            .listbig > ul.list > li > .img { width: 32%; }
            .listbig > ul.list > li > .text { flex: 1; margin-left: 2%;  }
                .listbig > ul.list > li > .text > b { display: block; font-size: 1.25rem; font-weight: 400; color: #666; padding: 2.18rem 0px 3.125rem 0px; }
                    .listbig > ul.list > li > .text > b > a { font-size: 1.25rem; font-weight: 400; color: #777; }
                .listbig > ul.list > li > .text > p { font-size: 14px; color: #777; line-height: 1.5; margin-bottom: 0.5rem; }
                .listbig > ul.list > li > .text > a { color: #fff; font-size: 14px; line-height: 1; display: inline-block; padding: 0.75rem 1.85rem; background-color: #a5a5a5; margin-top: 2.18rem; -moz-transition: transform, 0.5s; -webkit-transition: transform, 0.5s; -o-transition: transform, 0.5s; transition: transform,0.5s }
            .listbig > ul.list > li:hover > .text > a { background-color: #0369a8 }
            .listbig > ul.list > li:hover > .text > b > a { color: #0369a8; }


@media only screen and (max-width:768px) {
    .listbig { padding: 1rem; }
        .listbig > ul.list > li { padding: 1rem; }
            .listbig > ul.list > li > .img { width: 40%; }
}




.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: 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: #0369a8; border: 0px solid #4793cf; }
    .pagers .nodate { font-size: 16px; }
