﻿
/*公用 strat*************************************************************/
.Cline { border-bottom: 1px dashed #c0c0c0; padding-bottom:10px; margin-bottom:10px;}
h3{font-size:14px; font-family:"微软雅黑"; color:#444; line-height:30px;}
a{ font-size:12px; font-family:"微软雅黑"; color:#444; line-height:25px;}
/*公用 end******************************************************/

.MidManag {
    flex: 1 0 30%; /* Adjusts so that there are roughly 3 items per row, adjust the percentage as necessary */
    display: flex;
    justify-content: center; /* Center the content horizontally */
    overflow: hidden;
}

.MidManag h1{ display:block; width:101px; float:left}
.MidManag h1 img{ display:block;width:101px; height:115px}
.MidManag ul{margin-left:120px;}
.MidManag ul li{ }
.MidManag .MidManag-inner {
    width: 100%; /* Make sure it occupies all available space */
    /* Keep your existing styles */
    background-color: #f8eee8;
    border: 1px solid #f0f0f0;
    padding: 10px;
    text-align: center;
    margin: 10px 10px; /* Adjust margin to fit your design */
    display: flex;
    flex-direction: column;
}
.MidManag .name { font-size: 24px; color: #333;font-weight: bold; margin-top: .5em;}
.MidManag .title { font-size: 14px; color: #222; font-weight: bold; margin-top: .5em;}
.MidManag .description { font-size: 14px;
    margin-top: 1.5em;
    color: #8D8D8D;
    margin-top: .5em;
}

.MidManag {
  display: flex;
  flex-wrap: wrap; /* Enables wrapping of items */
  justify-content: center; /* Aligns items to the center */
  gap: 10px; /* Optional: adds space between items */
}

.item {
  width: 100px; /* Adjust this value based on the size you want */
  height: 100px;
  background-color: lightblue;
  text-align: center;
  line-height: 100px;
  border: 1px solid #000;
}

.container > .item:nth-child(1),
.container > .item:nth-child(2),
.container > .item:nth-child(3) {
  flex: 1 1 30%; /* Flex property for first 3 items */
}

.container > .item:nth-child(4),
.container > .item:nth-child(5) {
  flex: 1 1 45%; /* Flex property for the last 2 items */
}

