@charset "utf-8";

/* 顶部 */
#header { position: relative; padding-bottom: 0; background: #fff; }

.en-panel { display: flex; gap: .625rem; }
.en-panel li > a { position: relative; z-index: 1; display: flex; align-items: center; gap: 0.5em; border: 1px solid rgba(var(--pe-theme-color-rgb), 0.2); line-height: 2.25em; font-size: 1em; color: var(--pe-theme-color); padding: 0 1em; transition: all ease 0.4s; }
.en-panel li > a::before { position: absolute; content: ''; z-index: -1; left: 0; top: 0; bottom: 0; right: 0; background-color: var(--pe-theme-color); visibility: hidden; transform-origin: left center; transform: scaleX(0); transition: all ease 0.4s; }
.en-panel li > a:hover::before { width: 100%; }
.en-panel li > a .iconfont { font-size: 1.125em; }
.en-panel li > a:hover { color: #fff; }
.en-panel li > a:hover::before { visibility: visible; transform: scaleX(1); }

/* 内容 */
#content { padding-top: 3rem; background: var(--pe-theme-bg-content) no-repeat center bottom / 80% auto; }

/* 轮播大图 */
#banner { position: relative; }
#banner .swiper-slide .pic img { display: block; width: 100%; height: auto; min-height: 37.5vw; object-fit: cover; }
#banner .swiper-slide .bg { height: 37.5rem; transform: scale(1.042); transition: all linear 4s 0.4s; background-color: #fff; background-position: center center; background-size: cover; }
#banner .swiper-slide-active .bg { transform: scale(1); }
#banner .swiper-slide .link { position: absolute; left: 0; right: 0; top: 0; display: block; height: 100%; overflow: hidden; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 86%, rgba(0, 0, 0, 0.6) 100%); }
#banner .swiper-slide video { display: block; width: 100%; min-height: 52.08vw; height: 100%; object-fit: cover; }
#banner .swiper-slide .con { display: none; }
#banner .swiper-panel { position: absolute; z-index: 1; left: 0; bottom: 7%; right: 0; display: flex; justify-content: center; align-items: center; gap: 1.25rem; }
#banner .swiper-pagination { position: relative; left: 0; top: 0; bottom: 0; text-align: right; width: auto; display: flex; justify-content: center; align-items: center; gap: 1.25rem; }
#banner .swiper-pagination-bullet { width: auto; height: auto; margin: 0; color: #fff; line-height: 1; background: none; opacity: 1; cursor: pointer; transition: all ease 0.6s; }
#banner .swiper-pagination-bullet::before { display: block; content: '\e68f'; font-family: "iconfont"; font-size: 1.9rem; opacity: 0.5; transition: all ease 0.6s; }
#banner .swiper-pagination-bullet:nth-child(2)::before { content: '\e68b'; }
#banner .swiper-pagination-bullet:nth-child(3)::before { content: '\e689'; }
#banner .swiper-pagination-bullet:nth-child(4)::before { content: '\e68a'; }
#banner .swiper-pagination-bullet:nth-child(5)::before { content: '\e686'; }
#banner .swiper-pagination-bullet-active::before { opacity: 1; }

#banner .swiper-prev,
#banner .swiper-next { display: block; font-size: 3.625rem; color: #fff; height: 1.9rem; line-height: 1.9rem; overflow: hidden; cursor: pointer; transition: all ease 0.5s; }
#banner .swiper-prev { transform-origin: right center; }
#banner .swiper-next { transform-origin: left center; }
#banner .swiper-prev:hover { transform: translateX(-10px); }
#banner .swiper-next:hover { transform: translateX(10px); }

/* 底部 */
#footer { position: relative; background: var(--pe-theme-color); color: #fff; }
#footer .copyRight { border-top: none; padding: 2.5rem 0; }

/* ----------------------------------- 首页 ----------------------------------- */
#row-news .list { display: flex; flex-wrap: wrap; column-gap: 1.875rem; margin-top: -1.875rem; }
#row-news .list li { position: relative; flex: 1 0 calc(100% - 0.9375rem); padding: 1.875rem 0; border-bottom: 1px solid #EDEDED; display: flex; flex-wrap: wrap; gap: 1.25rem; overflow: hidden; }
#row-news .list li .pic { width: 15.6rem; }
#row-news .list li .pic a { position: relative; display: block; height: 0; padding-bottom: 66.66%; overflow: hidden; }
#row-news .list li .pic img { position: absolute; left: 0; top: 0; }
#row-news .list li .con { min-width: 0; flex: 1 0 0%; }
#row-news .list li .tit { display: block; font-size: 1.125em; line-height: 1.66em; max-height: 3.32em; overflow: hidden; }
#row-news .list li .intro { display: none; }
#row-news .list li .others { margin-top: 1.125rem; }
#row-news .list li .date { display: block; font-size: .875em; line-height: 1.3em; color: #999; }
#row-news .list li .date::before { display: inline-block; vertical-align: top; content: '\e656'; font-family: "iconfont"; font-size: 1.2em; margin-right: 0.5em; }

#row-news .list .n { flex-direction: column; align-items: stretch; }

#row-news .more { float: right; margin-top: 1.875rem; font-size: 1em; color: #999; }
#row-news .more:hover { color: var(--pe-theme-color); }

/* box-main */
.box-main { padding: 0; }
.box-main > .bd { padding-top: 1.5rem; }

/* 当前位置 */
.path::before { line-height: 0.9; content: '\e6ee'; }
.path em { display: none; }
.path a:first-of-type { display: none; }

/* 分页 */
.page .first,
.page .last,
.page .prev,
.page .next,
.page .select {
    font-size: 0;
    padding: 0 10px;
}
.page a::before,
.page span::before {
    font-size: 16px;
}
.page .first::before {
    content: "First Page";
}
.page .last::before {
    content: "Last Page";
}
.page .prev::before {
    content: "Previous Page";
}
.page .next::before {
    content: "Next page";
}
.page .select::before {
    content: "Go to page";
}
.page .select select {
    font-size: 16px;
}
.page .total {
    display: none;
}

/* 无数据 */
.noData {
    font-size: 0 !important;
}
.noData::before {
    content: 'No data';
    font-size: 14px;
}

/* 上下篇 */
.article .others .updown { display: none; }
.article .others .prev::before { content: 'Previous: '; }
.article .others .next::before { content: 'Next: '; }
.article .others .nodata span { display: none; }
.article .others .nodata::after { content: 'No more data!'; }

/* 媒体查询 */
@media (min-width:420px) {
}
@media (min-width:768px) {
    #content { background-size: 50% auto; }

    #row-news .list li .pic { width: 18.75rem; }
    #row-news .list li { flex-basis: calc(50% - 0.9375rem); }
    #row-news .list li .tit { max-height: 4.98em; }
}
@media (min-width:992px) {

    #row-news .list li .tit { max-height: 6.64em; }
}
@media (min-width:1200px) {

}
@media (min-width:1500px) {
}
@media (min-width:1700px) {
}