.md21636.md-quality_certification{width: 100%;background-color: #f7f7f7;}
.md21636.md-quality_certification img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21636.md-quality_certification .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md21636.md-quality_certification .my-top{width: 100%;padding-bottom: .55rem;text-align: center;}
.md21636.md-quality_certification .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.25;}
.md21636.md-quality_certification .q-one{width: 100%;padding: 1rem 0 .5rem;}
.md21636.md-quality_certification .q-cont{width: calc(100% + .2rem);position: relative;left: -.1rem;display: flex;flex-wrap: wrap;}
.md21636.md-quality_certification .q-item{width: 20%;height: auto;padding: 0 .1rem;margin-bottom: .45rem;}
.md21636.md-quality_certification .q-link{display: block;cursor: pointer; width: 100%;}
.md21636.md-quality_certification .q-imgbox{width: 100%;padding: .6rem;background-color: #ffffff;}
.md21636.md-quality_certification .q-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(254/180*100%);}
.md21636.md-quality_certification .q-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.md21636.md-quality_certification .q-text{width: 100%;padding: .2rem;}
.md21636.md-quality_certification .q-name{width: 100%;color: #111111;font-weight: bold;line-height: 1.6;}
.md21636.md-quality_certification .q-item:nth-child(n + 11){display: none;}
.md21636.md-quality_certification .q-buttom{display: none;width: 100%;text-align: center;padding-bottom:  .5rem;}
.md21636.md-quality_certification .q-more{display: inline-block;cursor: pointer;padding: 0 .36rem;line-height: .5rem;border-radius: .25rem;color: #ffffff;background-color: var(--theme);}
.md21636.md-quality_certification .q-more_text1{display: block;}
.md21636.md-quality_certification .q-more_text2{display: none;}
.md21636.md-quality_certification .q-one.hide .q-buttom{display: block;}
.md21636.md-quality_certification .q-one.show .q-more_text1{display: none;}
.md21636.md-quality_certification .q-one.show .q-more_text2{display: block;}
.md21636.md-quality_certification .q-one.show .q-item{display: block !important;}

.md21636.md-quality_certification .q-one:nth-child(2n){background-color: #fff;}
.md21636.md-quality_certification .q-one:nth-child(2n) .q-imgbox{background-color: #f7f7f7;} 
@media (max-width: 750px) {
   .md21636.md-quality_certification .q-item{width: 50%;}
   .md21636.md-quality_certification .q-imgbox{padding: .3rem;}
}