.center {
    width: 1200px;
}

.bodyBox {
    background-color: white;
}

.center .tableListBox {
    background-color: white;
    justify-content: flex-start;
}

.BIGImgBox {
    width: 100%;
    height: 300px;
}

.BIGImgBox img {
    width: 100%;
    height: 100%;
}

.center .tableListBox .imgBox {
    width: 420px;
    height: 280px;
    align-self: center;
}

.center .tableListBox .imgBox img {
    width: 100%;
    height: 100%
}

.lisBox .listTop {
    width: 1160px;
    height: 230px;
    background-color: #F4F4F5;
    margin: 20px 0;
    justify-content: space-around;
}

.lisBox .listTop .imgbox {
    width: 345px;
    height: 230px;
}

.lisBox .listTop .imgbox img {
    width: 100%;
    height: 100%;
}

.lisBox .textBox {
    align-self: center;
    margin: 0 20px;
}

.lisBox .textBox div {
    margin: 10px 0;
}

.lisBox .textBox .title {
    color: #0D6EB8;
    font-size: 20px;
}

.lisBox .textBox .h1 {
    color: #333333;
    font-size: 16px;
}

.lisBox .textBox .text {
    text-indent: 2em;
    color: #666666;
    font-size: 14px;
}

.center .tableListBox {
    height: 350px;
}

.center .tableListBox .tableRight {
    margin-left: 20px;
    width: 780px;
    flex-shrink: 0;
}

.center .tableListBox .tableRight .tableList {
    justify-content: space-between;
    border-bottom: 2px solid #DEDFE2;
}

.center .tableListBox .tableRight .tableList div {
    position: relative;
    color: #333333;
    font-size: 16px;
    padding: 10px;
    margin-right: 10px;
}

.center .tableListBox .tableRight .tableList div.select::before {
    content: "";
    width: 92px;
    height: 3px;
    background-color: #066EB7;
    position: absolute;
    left: 0;
    bottom: -13px;
}

.center .tableListBox .tableRight .tableList .right a {
    align-self: center;
    color: #999999;
    font-size: 14px;
}

.center .tableListBox .tableRight .litTop {
    padding-right: 20px;
    display: flex;
}

.center .tableListBox .tableRight .listBox .litTop .date {
    /*width: 72px;*/
    height: 65px;
    background-color: #E6F0F7;
    margin: 0 20px 0 15px;
    align-self: center;
    padding: 5px;
}

.center .tableListBox .tableRight .listBox .litTop .date div {
    text-align: center;
}

.center .tableListBox .tableRight .listBox .litTop .date div:first-child {
    color: #0D6EB8;
    font-size: 25px;
}

.center .tableListBox .tableRight .listBox .litTop .date div:last-child {
    color: #0D6EB8;
    font-size: 16px;
}

.center .tableListBox .textRight {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
}

.center .tableListBox .textRight .title {
    width: 600px;
    color: #333333;
    font-weight: 700;
    font-size: 16px;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.center .tableListBox .textRight .text {
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.center .tableRight .listBox .lists {
    justify-content: flex-start;
    padding: 0 10px;
    margin: 10px 0;
}

.center .tableRight .listBox .lists:hover div,
.center .tableRight .listBox .lists:hover a {
    color: #0D6EB8;
}

.center .tableRight .listBox .lists .dfr {
    justify-content: flex-start;
}

.center .tableRight .listBox .lists div:hover,
.center .tableListBox .tableRight .litTop:hover {
    color: #066EB8;
    cursor: pointer;
}

.center .tableRight .listBox .lists div {
    color: #666666;
    font-size: 14px;
    flex-shrink: 0;
}

.center .tableRight .listBox .lists .date {
    min-width: 80px;
}

.center .tableRight .listBox .lists .text {
    flex: 1;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layout_box {
    background-image: url(../images/layout_bg.png);
    background-size: 100% auto;
}

.mapBox {
    justify-content: space-between;
    padding: 50px 0;
    position: relative;
}

.mapBox .map {
    width: 820px;
    height: 597px;
    text-align: center;
    line-height: 597px;
}

.mapBox .mapRight {
    position: relative;
    left: 0;
    width: 365px;
    height: 600px;
}

.mapBox .title div {
    /* width: 100px; */
    text-align: center;
    font-weight: 700;
    padding: 10px;
    color: #333333;
    font-size: 16px;
    background-color: #F1F1F1;
    border-bottom: 3px solid #066EB7;
}

.mapBox .mapList {
    height: 100%;
    background-color: white;
    justify-content: flex-start;
}

.mapBox .mapList .selectBox {
    width: 95%;
    /* height: 200px; */
    border-bottom: 1px solid #DEDFE2;
    padding: 10px;
}

.mapBox .mapList .selectBox div {
    width: 50%;
    align-self: flex-end;
    margin: 0 5px;
    color: #333333;
    font-size: 14px;
}

.mapBox .mapList .selectBox select {
    /* appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none; */
    width: 50%;
    border: 0;
}

.mapBox .mapList .list ul {
    width: 100%;
}

.mapBox .mapList .list {
    padding: 10px;
    display: -webkit-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
    overflow-y: scroll;
}

.mapBox .mapList .list::-webkit-track {
    /* display: none; */
    width: 10px;
}

.mapBox .mapList .list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #D9E0E6;
}

.mapBox .mapList .list::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1);
}

.mapBox .mapList .list::-webkit-scrollbar-thumb {
    width: 10px;
    border-radius: 15px;
    -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.mapBox .mapList .list ul li {
    color: #666666;
    font-size: 14px;
    padding: 10px;
    white-space: normal;
    word-wrap: break-word;
}

.mapBox .mapList .list ul li a {
    display: contents;
    color: #666666;
}

.swiper-slide img {
    width: 100%;
    /* height: 100%; */
}

.bodyBox .center .tableListBox .swiper-container1 {
    position: relative;
}

.bodyBox .center .tableListBox .swiper-container1 .swiper-pagination {
    bottom: 10px;
    left: 160px;
}

.center .tableListBox {
    background-color: white;
    justify-content: flex-start;
}

.center .tableListBox .tableRight .litTop {
    padding: 10px 0;
    justify-content: flex-start;
}

.center .tableListBox .tableRight .litTop:hover a {
    color: #0D6EB8;
}

.BIGImgBox {
    width: 100%;
    height: 300px;
}

.BIGImgBox img {
    width: 100%;
    height: 100%;
}

body .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 0;
}

.center .tableListBox .swiper-container1 {
    width: 420px;
    height: 280px;
    overflow: hidden;
    align-self: center;
}

section.swiper-container {
    /* height: 268px; */
}


/* 2021.4.26 */

.mapBox .mapRight .mapList .selectBox {
    width: 365px;
    display: flex;
    justify-content: space-around;
    padding: 0 10px;
	min-height: 44px;
}

.mapBox .mapRight .mapList .selectBox span {
    font-size: 15px;
    color: #888;
    padding: 10px 0;
}

.mapBox .mapRight .mapList .selectBox .active {
    border-bottom: 3px solid #066EB7;
    color: #333;
}

.homeswiper img{
    height: 280px;
    width: 100%;
}
.newsswiper img {
    height: 280px;
    width: 400px;
}