body { padding-top: 0 !important; }
.page--news-center { background: #FFFFFF; }


/* 面包屑 */
.page--news-center .crumbs-container { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; }
.page--news-center .crumbs-container[theme="b"] { background: #FFFFFF; }

/* 置顶新闻 */
.page--news-center .top-news-container { display: flex; align-items: center; background: #F2F3F7; overflow: hidden; border: 1px solid transparent; transition: all 0.5s; margin-bottom: 36px; }
.page--news-center .top-news-container:hover { box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.1); text-decoration: none; }
.page--news-center .top-news-container .left-txts-wrapper { width: 50%; padding: 5% 9%; text-align: justify; }
.page--news-center .top-news-container .news-date { display: flex; align-items: center; color: #7f7f7f; }
.page--news-center .top-news-container .date-icon { color: #176DE7; margin-right: 0.2em; }
.page--news-center .top-news-container .news-title { color: #333333; margin-bottom: 0.5em; margin-top: 0.2em; }
.page--news-center .top-news-container .news-desc { color: #666666; line-height: 1.8; }
.page--news-center .top-news-container .right-image-wrapper { width: 50%; }
.page--news-center .top-news-container .news-image,
.page--news-center .top-news-container .news-cover { display: block; width: 100%; }

/* 产品列表 */
.page--news-center  .product-list-container { overflow: hidden; }

/* 分页器 */
.el-pagination.is-background .el-pager li:not(.disabled).active { background-color: #005fe6; }
.el-pagination.is-background .el-pager li:not(.active):hover { color: #005fe6; }


/**
 * PC优先的响应尺寸
 */

/* >1680 */



/* 1530 */
@media screen and (max-width: 1580px) {
}

/* 1400 */
@media screen and (max-width: 1400px) {
}

/* 1200 */
@media screen and (max-width: 1200px) {
  .page--news-center .top-news-container .left-txts-wrapper { padding: 5%; }
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
  .page--news-center .top-news-container .left-txts-wrapper { padding: 3%; }
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .page--news-center .top-news-container { flex-direction: column-reverse; padding: 0; margin-bottom: 10px; }
  .page--news-center .top-news-container .left-txts-wrapper { width: 100%; padding: 4%; }
  .page--news-center .top-news-container .right-image-wrapper { width: 100%; }
}

/* 500 */
@media screen and (max-width: 500px) {
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
  .page--news-center .top-news-container .left-txts-wrapper { text-align: left; }
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
  
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
}