﻿.main-list-content { width: 75%; overflow: hidden; height: auto; margin: 0 auto; padding: 25px 60px; background: #fff }
.main-list-content .leftnav_box { width: 240px; height: auto; overflow: hidden;float:left }
.main-list-content .leftNav { clear: both; overflow: hidden; }
.main-list-content .leftNav dt { height: 80px; width: 240px; background: url(../images/i-013.png) no-repeat left top; font-size: 24px; color: #fff; font-weight: bold; line-height: 80px; text-align: center; margin-bottom: 1px; }
.main-list-content .leftNav dd { display: block; overflow: hidden; }
.main-list-content .leftNav dd span { display: block; clear: both; overflow: hidden; height: 40px; padding: 0 15px; background: #fafafa url(../images/leftico1.png) no-repeat 190px center; }
.main-list-content .leftNav dd span a { height: 39px; display: block; line-height: 39px; padding-left: 10px; color: #666; font-size: 14px; border-bottom: 1px solid #e6e6e6; }
.main-list-content .leftNav dd span a:visited { color: #666 }
.main-list-content .leftNav dd span a:hover { color: #fff; }
.main-list-content .leftNav dd span a:active { color: #666 }
.main-list-content .leftNav dd:hover span { background: #152d79 url(../images/leftico2.png) no-repeat 190px center; }
.main-list-content .leftNav dd.hover span { background: #152d79 url(../images/leftico2.png) no-repeat 190px center; }
.main-list-content .leftNav dd:hover span a { color: #fff; border-bottom: none }
.main-list-content .leftNav dd.hover span a { color: #fff; border-bottom: none }
.main-list-content .leftnav_box .contactBox { overflow: hidden; clear: both; width: 240px; position: relative; display: block; }
.main-list-content .leftnav_box .contactBox.h130 { height: 130px; }
.main-list-content .leftnav_box .contactBox.h160 { height: 160px; }
.main-list-content .leftnav_box .contactBox span { height: 30px; width: 190px; margin-left: 50px; line-height: 30px; font-size: 24px; color: #fff; display: block; padding-left: 35px; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.main-list-content .leftnav_box .contactBox span.span1 { background: url(../images/leftico3.png) no-repeat left center }
.main-list-content .leftnav_box .contactBox span.span2 { background: url(../images/leftico4.png) no-repeat left center }
.main-list-content .leftNav dd div { overflow: hidden; clear: both; display: none; padding: 5px 0; }
.main-list-content .leftNav dd.hover div { display: block; font-size: 14px; }
.main-list-content .leftNav dd div a { display: block; line-height: 30px; clear: both; padding: 0 0 0 30px; }
.main-list-content .leftNav dd div a.hover { color: #152d79; font-weight: bold; }

.main-list-content .news-list { width: calc(100% - 260px); margin-top:0px;float:right }
.main-list-content .news-list .location { width: 100%; height: 40px; clear: both; border-bottom: 2px solid #c3c3c3; position: relative;margin-bottom:30px }
.main-list-content .news-list .location span { height: 40px; line-height: 35px; font-size: 18px; color: #152d79; background: url(../Images/ico2.png) no-repeat left bottom; position: absolute; left: 0; top: 0; }
.main-list-content .news-list .location p { line-height: 35px; height: 35px; color: #666; padding: 0 15px 0 25px; background: url(../Images/location.png) no-repeat left center; }
.main-list-content .news-list .location p a.on { color: #152d79; }
.main-list-content .news-list .location .fr { float:right}
.main-list-content .news-list .location .hover:last-child { color: #152d79 }
.main-list-content .news-list .list-item { width: 100%; height: 120px; margin-bottom: 30px; overflow: hidden }
.main-list-content .news-list .list-item img { float: left; height: 120px; width: 220px; }
.main-list-content .news-list .list-item .item-right-info { width: calc(100% - 240px); float: right; height: 120px; }
.main-list-content .news-list .list-item .item-right-info .news-title { width: 100%; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-family: PingFang SC; font-weight: bold; line-height: 26px; color: #152E7C; opacity: 1; }
.main-list-content .news-list .list-item .item-right-info .news-title a { color: #152E7C; width:100% }
.main-list-content .news-list .list-item .item-right-info .news-time { height: 20px; font-size: 14px; font-family: PingFang SC; font-weight: 800; line-height: 26px; color: #333333; margin-top: 10px; }
.main-list-content .news-list .list-item .item-right-info .news-desc { height: 46px; font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 25px; color: #666666; margin-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.main-list-content .news-list .line3 { width: 810px; border-bottom: 1px solid #E9ECF6; float: right; margin-bottom: 24px }

/*^
 * 列表分页
 * @author zx
 */
.page { padding: 30px 10px 50px 0px; overflow: hidden; clear: both; height: 35px; line-height: 35px; margin: 0px auto; text-align: center; }
.page a { padding: 9px 12px; color: #383838; border-radius: 4px; border: 1px solid #dddcdc; margin-right: 3px; font-family: "宋体"; }
.page a:hover { background: #152d79; color: #fff; border: 1px solid #152d79; }
.page a.hover { background: #152d79; color: #fff; border: 1px solid #152d79; }
.page input { vertical-align: middle; height: 20px; border: 1px solid #dddcdc; }
.page .lable { color: #383838; font-family: "宋体"; }
.page input.pageDetail { width: 30px; height: 30px; margin-right: 3px; text-align: center; border-radius: 4px; color: #383838; font-family: "宋体"; margin-bottom: 2px; }
.page input.page_bnt { border: none; width: 50px; height: 30px; margin-left: 3px; border-radius: 4px; cursor: pointer; }

@media (max-width: 1024px) {
    .main-list-content { width: 98vw; overflow: hidden; height: auto; margin: 0 auto; background: #fff;padding:0 }
    .main-list-content .news-list { width: 100%;margin-top:0}
    .main-list-content .news-list .list-item { width: 100%; height: 13vh; margin-bottom:1vh; overflow: hidden }
    .main-list-content .news-list .list-item img { float: left; height: 12vh; width: 35vw; }
    .main-list-content .news-list .list-item .item-right-info { width: 61vw; float: right; height: 12vh; }
    .main-list-content .news-list .list-item .item-right-info .news-title { width: 100%; height: 4vh; font-size: 4vw; font-family: PingFang SC; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; line-height: 26px; color: #152E7C; opacity: 1; }
    .main-list-content .news-list .list-item .item-right-info .news-title a { color: #152E7C; }
    .main-list-content .news-list .list-item .item-right-info .news-time { height: 2vh; font-size: 3vw; font-family: PingFang SC; color: #333333; margin-top: 1px;line-height:2vh }
    .main-list-content .news-list .list-item .item-right-info .news-desc { height: 6vh; font-size: 3vw; font-family: PingFang SC; font-weight:normal; line-height:2vh; color: #666666; margin-top:2px; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
    .main-list-content .news-list .line3 { width: 100%; border-bottom: 1px solid #E9ECF6; float: right; margin-bottom:2vh }
    .fr { display:none}
    .page { padding: 5px; overflow: hidden; clear: both; height: 35px; line-height: 35px; margin: 0px auto; text-align: center; font-size: 3vw; margin-bottom: 5vh }
    .page a { padding: 2px 4px; color: #383838; border-radius: 4px; border: 1px solid #dddcdc; margin-right: 3px; font-family: "宋体";font-size:3vw }
    .page a:hover { background: #152d79; color: #fff; border: 1px solid #152d79; }
    .page a.hover { background: #152d79; color: #fff; border: 1px solid #152d79; }
    .page input { vertical-align: middle; height: 15px; border: 1px solid #dddcdc;display:none }
    .page label { color: #383838; font-family: "宋体"; display: none }
    .page input.pageDetail { display: none;width: 30px; height: 30px; margin-right: 3px; text-align: center; border-radius: 4px; color: #383838; font-family: "宋体"; margin-bottom: 2px; }
    .page input.page_bnt { display: none;border: none; width: 50px; height: 30px; margin-left: 3px; border-radius: 4px; cursor: pointer; }
}