body { background: #fff !important }

.panel { padding-top: 0 !important; background: #fff; color: #000 !important }

.panel .sections .menu li a:hover { opacity: 1; font-size: 24px !important; font-weight: bolder; text-shadow: 0 0 10px #fff; }
.panel .sections .menu li a.choice { opacity: 1; font-size: 24px !important; font-weight: bolder; text-shadow: 0 0 10px #fff; }

#logo { max-width: none; width: 360px; }

.banner { width: 100%;padding-bottom:0!important }
.compact { position: unset }

.banner img.banner-title-mobile { left: 20%; top: 130px; width: 60% }

/*** 列表区域 ***/
.list-area { width: 100%; margin: 0 auto; min-height: 50vh; overflow: hidden }

.list-area-mobile { width: 98%; }

.list-area-mobile .item-title { font-size: 5vw !important }

.list-area .list-nav { width: 65%; height: 60px; color: #000; text-align: left; line-height: 60px; margin: 0 auto }

.list-area .list-nav span { display: inline-block; background: url(../assets/img/home.png) no-repeat left center; padding-left: 30px; background-size: 24px; color: #000; font-weight: bold }

.list-area .line { width: 100%; border-bottom: 1px solid #999; }

.list-area .list-nav label { padding-left: 12px; padding-right: 10px; background: url(../assets/img/i-018.png) no-repeat center; background-size: 10px }
.list-area .list-nav a:hover { text-decoration: underline }

.list-area .list-nav label:last-child { display: none }

.list-area .list-hidden { display: none; }

.list-area .list-left { width: 65%; color: #000; margin: 0 auto; padding-top: 1vh }

.list-full { width: 100% !important; float: none; color: #000; }

.list-area .list-full-2 { width: 96vw; color: #000; padding-top: 0 !important; }

.list-area .list-full-2 div.item-time { display: none }
.list-area .list-full-2 div.item-line { display: none }

.list-area .list-full-2 .item-txt { width: 100% !important; float: unset !important }
.list-area .list-full-2 .list-left-item-img { height: auto !important }
.list-area .list-full-2 .list-left-item-img .item-img { margin-top: 1vh }
.list-area .list-left .list-left-item { width: 100%; border-bottom: 1px dotted #DEDEDE; height: 15vh; margin-top: 2vh }

.list-area .list-left .list-left-item div.item-time { width: 9%; height: 100%; float: left; font-size: 1.2vw; font-weight: bold }

.list-area .list-left .list-left-item div.item-line { width: 6%; height: 100%; float: left; }
.list-area .list-left .list-left-item div.item-line div { width: 100%; height: 2px; font-size: 0; background: #999; margin-top: 0.7vw }
.list-area .list-left .list-left-item div.item-txt { width: 83%; height: 100%; float: right; }

.list-area .list-left .list-left-item .item-title {;width: 100%; font-size: 1.2vw; font-weight: bold; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

@media (orientation: portrait ) {
    .list-area .list-left .list-left-item .item-title { font-size: 4vw !important; }
}

.list-area .list-left .item-title:hover a { text-decoration: underline }

.list-area .list-left .list-left-item .item-info { width: 100%; text-align: left; font-size: 14px; color: #999; height: 35px; line-height: 35px; }

.list-area .list-left .list-left-item .item-desc { width: 100%; text-align: left; font-size: 14px; color: #000; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; max-height: 60px; line-height: 20px; margin-top: 1.5vh }

.list-area .list-left .list-left-item-img { width: 100%; border-bottom: 1px dotted #DEDEDE; overflow: hidden; padding-bottom: 2vh; height: 20vh; padding-top: 2vh; }

.list-area .list-left .list-left-item-img div.item-time { width: 9%; height: 100%; float: left; font-size: 1.2vw; font-weight: bold; }
.list-area .list-left .list-left-item-img div.item-line { width: 6%; height: 100%; float: left; }

.list-area .list-left .list-left-item-img div.item-line div { width: 100%; height: 2px; font-size: 0; background: #999; margin-top: 1vw; }

.list-area .list-left .list-left-item-img div.item-txt { width: 56%; height: 100%; float: left; margin-left: 2%; margin-right: 2% }
.list-area .list-left .list-left-item-img div.item-txt .item-title { font-size: 1.2vw; font-weight: bold; width: 100%; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.list-area .list-left .list-left-item-img div.item-txt .item-desc { width: 100%; text-align: left; font-size: 14px; color: #000; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; max-height: 60px; line-height: 20px; margin-top: 1.5vh }

.list-area-mobile .list-left .list-left-item-img .item-img { width: 100% !important; float: none !important }

.list-area-mobile .list-left .list-left-item-img .item-right { width: 100% !important; float: none !important }

.list-area .list-left .list-left-item-img .item-img { width: 25%; float: right; height: 100%; overflow: hidden }
.list-area .list-left .list-left-item-img .item-img img { width: 100%; height: 100% }

@media (orientation: portrait ) {
    .list-area .list-left .list-left-item-img .item-img { height: 25vh; }
}






.ajaxLoad { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #DEDEDE; }
/*^
 * 列表分页
 * @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; }

/** 内容  **/
.news-content { width: 100%; background: #F5F5F5; }

.news-content .main-area { width: 65%; margin: 0 auto; color: #000; background: #fff; padding: 10px 20px; }

@media (orientation: portrait ) {
    .news-content .main-area { width: 100%; }
}

.news-content .main-area-mobile { width: 100%; margin: 0 auto; color: #000; background: #fff; padding: 10px 10px; }
.news-content .main-area .news-title { text-align: center; font-size: 28px; line-height: 60px; font-weight: bold }
.news-content .main-area .news-title-mobile { font-size: 5vw; line-height: normal }
.news-content-area img { max-width: 100% !important }
.news-content-area-mbile video { width: 96% !important; }

.news-content .main-area .news-info { text-align: center; font-size: 14px; color: #999; border-bottom: 1px dotted #ccc; padding-bottom: 20px; padding-top: 30px; margin-bottom: 30px; }
.nav-area { width: 100%; height: 60px; border-bottom: 1px solid #e5e5e5; color: #888; text-align: left; line-height: 60px; background: #fff; border-bottom: 1px solid #999; }

.nav-area .nav-area-main { width: 65%; margin: 0 auto }

.nav-area .nav-area-main span { display: inline-block; background: url(../assets/img/home.png) no-repeat left center; padding-left: 30px; background-size: 24px; color: #000; font-weight: bold }
.nav-area .nav-area-main a { color: #000; }
.nav-area .nav-area-main a:hover { text-decoration: underline }

.nav-area .nav-area-main label { padding-left: 12px; padding-right: 10px; background: url(../assets/img/i-018.png) no-repeat center; background-size: 10px }

.nav-area .nav-area-main label:last-child { display: none }

.web-info .icon { width: 125px; height: 40px; color: #000; line-height: 44px; text-align: center; float: left; background: url("../assets/img/i-001.png") no-repeat #FFBF00 10px 10px; background-size: 17px 22px; font-weight: bold; font-size: 16px; text-indent: 10px }


.web-info .txt { width: calc(100% - 130px); float: left; line-height: 40px; padding-left: 15px; }

.weChat-icon { position: fixed; bottom: 20px; right: 15px; width: 140px; z-index: 999; height: 140px }

.web-info { position: fixed; bottom: 20px; left: 20px; border: 2px solid #FFBF00; z-index: 999; height: 44px; width: 560px; }

.web-info .icon { width: 125px; height: 40px; color: #000; line-height: 44px; text-align: center; float: left; background: url("../assets/img/i-001.png") no-repeat #FFBF00 10px 10px; background-size: 17px 22px; font-weight: bold; font-size: 16px; text-indent: 10px }

.web-info .txt { width: calc(100% - 130px); float: left; line-height: 40px; padding-left: 15px; }

.weChat-icon { position: fixed; bottom: 20px; right: 15px; width: 140px; z-index: 999; height: 140px }