.md26509.mh-a{width: 100%;position: relative;}
.md26509 .mh-img{width: 100%;}
.md26509 .mh-img img{width: 100%;}
.md26509 .mh-cont{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding-top: 1rem; width: 17.7rem;text-align: center;}
.md26509 .mh-en{color: #ffffff;margin-bottom: .25rem;}
.md26509 .mh-titles{color: #ffffff;line-height: 1.5;}
@media(max-width: 900px){ 
    .md26509 .mh-cont{width: 100%; padding: 0 10px;} 
    .md26509 .mh-img img{min-height: 200px;object-fit: cover;}
}

.mh-a{
    --hn-diy-color: #fff;
}
.md26509 .mh-en{color: var(--hn-diy-color);}
.md26509 .mh-titles{color: var(--hn-diy-color);}
.md26509.mh-a[hn-diy-position="left"] .mh-cont{text-align: left;}
.md26509.mh-a[hn-diy-position="center"] .mh-cont{text-align: center;}
.md26509.mh-a[hn-diy-position="right"] .mh-cont{text-align: right;}

.md26510.mm-a{width: 100%;padding-top: .7rem;padding-bottom: 1.3rem;}
.md26510 .mm-b{width: 17.7rem;margin: 0 auto;}
.md26510 .mm-top{width: 100%;text-align: center; }
.md26510 .mm-nav{display: inline-block;vertical-align: middle;border-bottom: .02rem solid #fff;padding: .12rem 0; position: relative;cursor: pointer; color: #999999; margin: 0 .45rem .35rem;}
.md26510 .mm-nav:after{content: '';position: absolute;top: 50%;right: -.45rem;margin-top: -.09rem;width: .03rem;height: .18rem;background-color: #eee;}
.md26510 .mm-nav:last-child:after{display: none;}
.md26510 .mm-nav:before{display: none;content: ''; position: absolute;bottom: -.1rem;left: 50%;margin-left: -.05rem;width: .11rem;height: .1rem;background-image: url(/static/home/images/g25.png);background-size: .11rem;auto;background-position: top center;background-repeat: no-repeat;}
.md26510 .mm-nav:hover{border-bottom: .02rem solid #b48a28;color: #222222;}
.md26510 .mm-nav:hover:before{display: block;}
.md26510 .mm-nav.active{border-bottom: .02rem solid #b48a28;color: #222222;}
.md26510 .mm-nav.active:before{display: block;}
.md26510 .mm-cont{width: 100%;font-size: 0;}
.md26510 .mm-item{display: inline-block;vertical-align: top;cursor: pointer;position: relative;overflow: hidden;margin-top: .5rem;margin-bottom: .7rem;}
.md26510 .mm-text{width: 100%; }
.md26510 .mm-time{color: #222222;margin-bottom: .35rem;}
.md26510 .mm-year{display: inline-block;vertical-align: bottom; color: #999999;margin-left: .15rem; }
.md26510 .mm-img{width: 100%;margin-bottom: .25rem;position: relative;}
.md26510 .mm-img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.md26510 .mm-name{margin-bottom: .25rem; width: 100%;color: #111111;line-height: 1.6;height: 3.2em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md26510 .mm-intro{ width: 100%;color: #999999;line-height: 1.7;height: 3.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md26510 .mm-c{margin-top: 1rem; display: inline-block;   padding-bottom: .1rem; position: relative;  } 
.md26510 .mm-c:before{content: '';position: absolute;bottom: 0;left: 0; width: 100%;height: 1px;background-color: #999999;}
.md26510 .mm-c:after{content: '';position: absolute;bottom: 0;left: 0; width: .4rem;height: 1px;background-color: #b48a28;}
.md26510 .mm-ctext{display: inline-block;vertical-align: middle;color: #000000;}
.md26510 .mm-cimg{display: inline-block;vertical-align: middle;}
.md26510 .mm-cimg1{display: block;width: 1em;margin-left: .1rem;}
.md26510 .mm-cimg2{display: none;width: 1em;margin-left: .1rem;} 
.md26510 .mm-bg{transition: all ease .5s; position: absolute;top: 110%;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md26510 .mm-d{position: absolute;bottom: 0;left: 0;padding:  .25rem ;overflow: auto; max-height: 80%; width: 100%;background-color: rgba(0,0,0,.2); }
.md26510 .mm-d span{width: 100%; color: #ffffff;line-height: 1.7;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.md26510 .mm-item:hover .mm-bg{top: 0;}
@media(max-width:900px) {
    .md26510 .mm-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;} 
    .md26510 .mm-top{margin-bottom: .35rem;}
    .md26510 .mm-item{width: calc(50% - 5px);margin-right: 10px;margin-top: 0;}
    .md26510 .mm-item:nth-child(2n){margin-right: 0;}
    .md26510 .mm-c{margin-top: .35rem;}
}


.md26510.mm-a{
    /* 列间距 */
    --hn-diy-space: 0.3rem;
    /* 图片高和宽的比例 */
    --hn-diy-img-ratio: 0.56;
}
.md26510 .mm-img{padding-top: calc(var(--hn-diy-img-ratio) * 100%);}
@media(min-width:901px) {
    .md26510.mm-a[hn-diy-col="2"] .mm-item{width: calc(50% - var(--hn-diy-space) / 2);margin-right: var(--hn-diy-space);}
    .md26510.mm-a[hn-diy-col="2"] .mm-item:nth-child(2n){margin-right: 0;}

    .md26510.mm-a[hn-diy-col="3"] .mm-item{width: calc(33.333% - var(--hn-diy-space) * 2 / 3);margin-right: var(--hn-diy-space);}
    .md26510.mm-a[hn-diy-col="3"] .mm-item:nth-child(3n){margin-right: 0;}

    .md26510.mm-a[hn-diy-col="4"] .mm-item{width: calc(25% - var(--hn-diy-space) * 3 / 4);margin-right: var(--hn-diy-space);}
    .md26510.mm-a[hn-diy-col="4"] .mm-item:nth-child(4n){margin-right: 0;}

    .md26510.mm-a[hn-diy-col="5"] .mm-item{width: calc(20% - var(--hn-diy-space) * 4 / 5);margin-right: var(--hn-diy-space);}
    .md26510.mm-a[hn-diy-col="5"] .mm-item:nth-child(5n){margin-right: 0;}

    .md26510.mm-a[hn-diy-col="6"] .mm-item{width: calc(16.666% - var(--hn-diy-space) * 5 / 6);margin-right: var(--hn-diy-space);}
    .md26510.mm-a[hn-diy-col="6"] .mm-item:nth-child(6n){margin-right: 0;}
}
.md26510 .mm-time[hn-diy-date-show="false"]{display: none;}
.md26510 .mm-img[hn-diy-img-show="false"]{display: none;}
.md26510 .mm-name[hn-diy-title-show="false"]{display: none;}
.md26510 .mm-intro[hn-diy-intro-show="false"]{display: none;}
.md26510 .mm-c[hn-diy-more-show="false"]{display: none;}

.bg-cont{width: 100%;font-size: 0;text-align: center;}
.bg-buttom{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 83px;height: 50px;line-height: 50px;font-size: 18px;color: #666666;background-color: #f7f7f7;}
.bg-item{ display: inline-block;vertical-align: middle;cursor: pointer;margin: 0 5px .1rem; min-width: 50px;height: 50px;line-height: 50px;font-size: 20px;color: #666666;background-color: #f7f7f7;}
.bg-buttom:hover{background-color: #2257bb !important;color: #ffffff;}
.bg-item:hover{background-color: #2257bb !important;color: #ffffff;}
.bg-item.active{background-color: #2257bb !important;color: #ffffff;}
.bg-cont.cont2 .bg-buttom{background-color: #fff;}
.bg-cont.cont2 .bg-item{background-color: #fff;}
@media(max-width:1400px) {
    .bg-buttom{min-width: 55px;height: 45px;line-height: 45px;font-size: 14px;}
    .bg-item{min-width: 45px;height: 45px;line-height: 45px;font-size: 16px;}
}
@media(max-width:900px) {
    .bg-buttom{min-width: 45px;height: 35px;line-height: 35px;font-size: 12px;}
    .bg-item{min-width: 35px;height: 35px;line-height: 35px;font-size: 13px;}
}