﻿



.banner { max-width: 1920px; width: 100%; margin: 0px auto; }
.rotebig { width: 100%; background-color: #f8f8f8; padding: 2rem 0px; }
.rote { width: 100%; display: flex; align-items: center; }
    .rote > .left { display: flex; align-items: center; }
        .rote > .left > img { margin-right: 6px; }
        .rote > .left > a { color: #666666; font-size: 14px; margin-right: 6px; }
        .rote > .left > span.clear { flex: 1; }
    .rote > .right { flex: 1; text-align: right }
        .rote > .right > a { color: #666; font-size: 1rem; margin-left: 3rem; }
            .rote > .right > a.action { color: #005570; }

@media only screen and (max-width:768px) {
    .rote { flex-wrap: wrap; }
        .rote > .left { width: 100%; margin-bottom: 2rem; }
        .rote > .right { width: 100%; flex: none; text-align: center; }
            .rote > .right > a { display: inline-block; line-height: 2; font-size: 14px; margin-left: 1.5rem; margin-right: 1.5rem; }
}

img { max-width: 100%; }

.title { font-size: 2rem; color: #333333; margin: 3.5rem 0px 0px 0px; text-align: center; }
    .title > b { font-weight: 400; }
.xiliebig { width: 100%; }
.xilie { width: 100%; display: flex; align-items: center; padding: 3rem 0px; }
    .xilie > .left { width: 50%; }
    .xilie > .right { width: 50%; padding-left: 60px; padding-right: 60px; color: #333 }
        .xilie > .right > b { display: block; font-weight: 400; font-size: 1.25rem; margin-bottom: 2rem; }
        .xilie > .right > p { margin-bottom: 1rem; font-size: 1rem; line-height: 1.8; }
            .xilie > .right > p.num { font-size: 1.5rem; color: #aeaeae }

@media only screen and (max-width:768px) {
    .title { font-size: 1.25rem; }
    .xilie { flex-wrap: wrap; }
        .xilie > .left { width: 100%; margin-bottom: 1.5rem; }
        .xilie > .right { width: 100%; padding-left: 0px; padding-right: 0px; }
}


.xiliehuibig { width: 100%; background-color: #f3f3f3 }
.xiliehui { width: 100%; display: flex; align-items: center; padding: 3rem 0px; }
    .xiliehui > .left { width: 50%; padding-left: 60px; padding-right: 60px; color: #333 }
        .xiliehui > .left > b { display: block; font-weight: 400; font-size: 1.25rem; margin-bottom: 2rem; }
        .xiliehui > .left > p { margin-bottom: 1rem; font-size: 1rem; line-height: 1.8; }
            .xiliehui > .left > p.num { font-size: 1.5rem; color: #aeaeae }
    .xiliehui > .right { width: 50%; }

@media only screen and (max-width:768px) {
    .xiliehui { flex-wrap: wrap; }
        .xiliehui > .left { width: 100%; padding-left: 0px; padding-right: 0px; }
        .xiliehui > .right { width: 100%; }
}

.zhantingbig { width: 100%; margin: 3.5rem 0px 3.5rem 0px; }
.zhanting { background-color: #f3f3f3; padding: 3rem 0px; }
    .zhanting > .title { margin: 0rem 0px 0px 0px; }
    .zhanting > .conn { max-width: 960px; margin: 0px auto; }
.smalltitle { padding: 2rem 0px; font-size: 1.15rem; text-align: center; color: #333; }
.swiper-slide > .text { display: flex; margin: 1rem 0px; }
    .swiper-slide > .text > span { width: 50%; margin: 0px 5%; }



.newsbig { width: 100%; background-color: #fff }
.news { width: 100%; margin: 3.5rem 0px; }
    .news > ul { width: 100%; display: flex; flex-wrap: wrap; }
        .news > ul > li { width: 23%; margin: 1%; border: solid 1px #e4e4e4; }
            .news > ul > li div.text { padding: 10px; }
                .news > ul > li div.text > b { display: block; color: #333; font-size: 1rem; font-weight: 400; }
                .news > ul > li div.text > i { display: block; color: #999; font-size: 12px; font-style: normal; margin: 1rem 0px; }
                .news > ul > li div.text > p { color: #666; font-size: 14px; line-height: 1.5; }


@media only screen and (max-width:768px) {
    .news > ul > li { width: 48%; }
}




.pages { width: 100%; text-align: center; margin: 3.5rem 0px; }
    .pages .nodate { padding: 6px 5px 5px 5px; margin-bottom: 15px; text-align: center; clear: both; font-size: 14px; }
    .pages a.PageLink { font-size: 18px; display: inline-block; height: 34px; line-height: 34px; margin-left: 10px; border-radius: 3px; padding: 0px 12px; color: #333; overflow: hidden; text-decoration: none; background-color: #fff; border: 1px solid #005570; }
    .pages .PageSel { font-size: 18px; display: inline-block; height: 34px; line-height: 34px; margin-left: 10px; border-radius: 3px; padding: 0px 12px; color: #fff; overflow: hidden; text-decoration: none; background-color: #005570; border: 1px solid #005570; }
