/* 关于我们-可持续发展 */
.md21638.md-sustainable_development{width: 100%;padding: .9rem 0 0;background-color: #f7f7f7;}
.md21638.md-sustainable_development img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md21638.md-sustainable_development .layout{width: 16rem;max-width: 92%;margin: 0 auto;padding-bottom: .8rem;}
.md21638.md-sustainable_development .my-top{width: 100%;padding-bottom: .45rem;text-align: center;}
.md21638.md-sustainable_development .my-titles{width: 100%;color: #111111;font-weight: bold;line-height: 1.2;}
.md21638.md-sustainable_development .i-cont{width: 100%;position: relative;}
.md21638.md-sustainable_development .i-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.md21638.md-sustainable_development .i-list{width: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 8;}
.md21638.md-sustainable_development .i-item{transition: all  .5s;display: flex;align-items: center;text-align: center;width: 18.75%;min-height: 6.6rem;border-right: 1px solid rgba(255,255,255,.25);}
.md21638.md-sustainable_development .i-box{width: 100%;padding: .15rem;}
.md21638.md-sustainable_development .i-icon{width: 100%;}
.md21638.md-sustainable_development .i-icon img{height: .8rem;}
.md21638.md-sustainable_development .i-text{width: 100%;}
.md21638.md-sustainable_development .i-namebox{width: 100%;}
.md21638.md-sustainable_development .i-name{width: 100%;max-width: 9em;margin: 0 auto;padding-top: .25rem;color: #ffffff;font-weight: bold;line-height: 1.6;}
.md21638.md-sustainable_development .i-intro{display: none;width: 100%;max-width: 21em;margin: 0 auto;padding-top: .15rem;color: #ffffff;line-height: 1.75;}
.md21638.md-sustainable_development .i-item.active{width: 43.75%;}
.md21638.md-sustainable_development .i-item.active .i-name{max-width: 100%;font-size: 1.33em;line-height: 1.4;}
.md21638.md-sustainable_development .i-item.active .i-intro{display: block;} 
.md21638.md-sustainable_development .i-img{width: 100%;}
.md21638.md-sustainable_development .i-img img{width: 100%;}

 
@media (max-width: 750px) {
  .md21638.md-sustainable_development .i-list{padding: .15rem 0;}
  .md21638.md-sustainable_development .i-item{width: 100% !important;min-height: 1rem;padding: .15rem;}
  .md21638.md-sustainable_development .i-item.active .i-name{font-size: 1em;line-height: 1.6;}
  .md21638.md-sustainable_development .i-intro{display: block;} 
}