@font-face {
    font-family: "ali";font-weight: 1000;src: url("//at.alicdn.com/wf/webfont/PKAzP8Bo7ZXi/gbTrW3PXJd2A.woff2") format("woff2"),
    url("//at.alicdn.com/wf/webfont/PKAzP8Bo7ZXi/3NKWoPl6kK34.woff") format("woff");
    font-display: swap;
  }
  
  body {
      margin: 0; /* 清除 body 默认的边距 */
      display: flex;
      justify-content: center; /* 在主轴上居中 */
      align-items: center; /* 在交叉轴上居中 */
      
      font-family: ali,sans-serif; /* 在整个页面中使用自定义字体 */
      color: #f0f0f0;
      background-color: #000;
  }
  
  #wrapper{
      width: 100%;
      max-width: 1000px;
      background-color: #222222;
      margin: 10px;
  }
  
  header{
      text-align: center;
      padding: 50px;
      margin: 30px 0;
  }
  #logo{
      margin-bottom: 25px;
  }
  #company .cn{
      font-size: 24px;
  }
  #company .en{
      font-size: 14px;
  }
  
  .founded {
      display: flex;
      align-items: center; /* 在交叉轴上居中 */
      margin-bottom: 10px;
  }
  
  .left-hr,
  .right-hr {
      flex: 1; /* 充满剩余空间 */
  }
  
  .right-hr .custom-line {
      border: none;
      border-top: 1px solid #555;
      margin: 0 0 0 10px;
  }
  .left-hr .custom-line {
      border: none;
      border-top: 1px solid #555;
      margin: 0 10px 0 0;
  }
  
  .info {
      white-space: nowrap; /* 防止内容换行 */
  }
  
  .product {
      display: flex;
      flex-direction: column;
      gap: 5px;
      padding: 5px;
  }
  
  .line1,
  .line2,
  .line3 {
      display: flex;
      gap: 5px;
      margin: 0;
      padding: 0;
  }
  
  .item1,
  .item4 {
      flex: 2; /* 占据80%宽度 */
      background-color: #333333;
      color: white;
      text-align: center;
      padding: 10px;
  }
  
  .item2,
  .item3 {
      flex: 1; /* 占据20%宽度 */
      background-color: #333333;
      color: white;
      text-align: center;
      padding: 10px;
  }
  
  .item5 {
      flex: 3; /* 占据90%宽度 */
      background-color: #333333;
      color: white;
      text-align: center;
      padding: 10px;
  }
  
  .contact {
      padding: 10px;
      margin-top: 10px;
  }
  
  .location,.mail,.wechat {
      display: flex;
      flex-direction: row;
  }
  
  .location-icon, .mail-icon, .wechat-icon {
      width: 10%;
      background-color: #333333;
      margin-bottom: 5px;
      margin-right: 5px;
      text-align: center;
      padding: 5px;
  }
  
  .location-info, .mail-info, .wechat-info {
      width: 80%;
      padding: 5px;
  }
  
  footer{
      padding: 20px;
      margin-top: 50px;
      border-top: 1px solid #555;
  }
  .copyright{
      text-align: center;
  }