
.m-news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.m-news-list .li { overflow: hidden; width: calc(506 / 1600 * 100%); margin-right: calc(40 / 1600 * 100%); margin-bottom: .4rem; background-color: #fff; }

.m-news-list .li:nth-of-type(3n) { margin-right: 0; }

.m-news-list .li:hover .tit { color: #c7000c; }

.m-news-list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.m-news-list .li:hover .m-more { -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); }

.m-news-list .li:hover .m-more:after { background-color: #c7000c; }

.m-news-list .img { padding-top: calc(285 / 506 * 100%); }

.m-news-list .text { padding: .39rem .34rem .32rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.m-news-list .tit { line-height: 1.5; height: calc(36 / 24 * 2em); }

.m-news-list .date { margin-bottom: .23rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.m-news-list .date .icon { width: .18rem; min-width: 12px; height: .18rem; min-height: 12px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-date.png); margin-right: .09rem; }

.m-news-list .m-more { margin-top: .53rem; }

@media (max-width: 900px) { .m-news-list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .m-news-list .li { width: 48%; margin-right: 0; } }

@media (max-width: 500px) { .m-news-list .li { width: 100%; margin-bottom: 4%; }
  .m-news-list .text { padding: 5%; } }

.md-news-rec { padding: 1rem 0 .8rem; }

.md-news-rec .list .li { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-rec .list .li:hover .tit { color: #c7000c; }

.md-news-rec .list .li:hover .m-more { -webkit-box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.1rem 0.1rem -0.05rem rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); }

.md-news-rec .list .li:hover .m-more:after { background-color: #c7000c; }

.md-news-rec .list .c-pic { width: calc(1000 / 1600 * 100%); overflow: hidden; }

.md-news-rec .list .img { padding-top: calc(562 / 1000 * 100%); }

.md-news-rec .list .img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-news-rec .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: .8rem; }

.md-news-rec .list .date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: .23rem; }

.md-news-rec .list .date .icon { width: .18rem; min-width: 14px; height: .18rem; min-height: 14px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../images/i-date.png); margin-right: .09rem; }

.md-news-rec .list .tit { line-height: 1.3; }

.md-news-rec .list .tit::after { content: ''; display: block; width: 100%; height: 1px; background: #000; opacity: 0.08; margin: .34rem 0 .41rem; }

.md-news-rec .list .desc { line-height: 1.72222; }

.md-news-rec .list .m-more { margin-top: .73rem; }

.md-news-rec .list .swiper-pagination { text-align: right; font-size: 0; bottom: 0.4rem; padding-right: 0.4rem; }

.md-news-rec .list .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; background: rgba(0, 0, 0, 0.1); opacity: 1; margin: 0 0 0 0.08rem !important; border-radius: .1rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-rec .list .swiper-pagination-bullet-active { width: .4rem; background-color: #c7000c; }

@media (max-width: 900px) { .md-news-rec .list .li { display: block; }
  .md-news-rec .list .c-pic { width: 100%; } }

@media (max-width: 600px) { .md-news-rec .list .text { padding: 5%; } }

.md-news-1 .layout { padding-top: .5rem; padding-bottom: 1rem; border-top: 1px solid rgba(0, 0, 0, 0.08); }

.md-news-1 .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-1 .filter .total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-news-1 .filter .total .icon { width: .21rem; min-width: 14px; margin-right: .12rem; }

.md-news-1 .filter .cate { margin-left: .5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-news-1 .filter .cate .item { padding: .5em .9em; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-news-1 .filter .cate .item.active { background-color: #fff; border-radius: .42rem; color: #111; padding: .5em 1.087em; }

.md-news-1 .filter .cate .item:hover { color: #111; }

.md-news-1 .filter .form { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.74rem; height: .32rem; min-width: 174px; min-height: 32px; border-radius: 32px; background-color: #fff; padding-right: .15rem; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-left: auto; }

.md-news-1 .filter .form .ipt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; height: 100%; background-color: transparent; border: none; padding: 0 1em; }

.md-news-1 .filter .form .btn { width: 0.18rem; height: .18rem; min-width: 18px; min-height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; background-color: transparent; background-image: url(../images/i-search.png); cursor: pointer; border: none; }

.md-news-1 .filter .form:focus-within { -webkit-box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 0.05rem 0 rgba(0, 0, 0, 0.2); }

.md-news-1 .m-news-list { margin-top: .5rem; }

.md-news-1 .m_pages { margin-top: .2rem; }

@media (max-width: 1100px) { .md-news-1 .filter { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md-news-1 .filter .cate { margin-left: 0; margin-top: 0.3rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }
  .md-news-1 .filter .cate .item { margin: .2em 0; }
  .md-news-1 .filter .form { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media (max-width: 500px) { .md-news-1 .filter { display: block; }
  .md-news-1 .filter .form { width: 100%; margin-top: 3%; } }

.m_pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.m_pages-item { min-width: 0.46rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.46rem; background-color: #fff; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .2rem; }

.m_pages-item:last-child { margin-right: 0; }

.m_pages-item:hover { color: #c7000c; font-weight: bold; }

.m_pages .on { background: #c7000c; color: #fff; }

.m_pages .disabled { pointer-events: none; }

.m_pages-prev, .m_pages-next { background-position: center; background-repeat: no-repeat; background-size: 6px; }

.m_pages-prev:hover, .m_pages-next:hover { background-color: #c7000c; }

.m_pages-prev { background-image: url(/static/home/images/i-a-1.png); }

.m_pages-prev:hover { background-image: url(/static/home/images/i-a-3.png); }

.m_pages-next { background-image: url(/static/home/images/i-a-2.png); }

.m_pages-next:hover { background-image: url(/static/home/images/i-a-4.png); }

@media (max-width: 1400px) { .m_pages-item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; } }
