.header_con {
display: flex;
justify-content: flex-end;
width: 100%;
}
/* 清除文本默认大小和加粗 */ h1 {    font-size: 12px;    font-weight: normal;} 

/*.header_con {    width: 1002px;    height: 100px;    /* background: pink; */    /* 左右居中 */   /*  margin: 0 auto;}*/
.header_con h1 {    width: 304px;    height: 66px;   margin-left: auto; text-align: center;/* background: orange; */    float: right;    padding: 34px 0 0 20px;}
/*.header_con form {    width: 227px;    height: 61px;    /* background: orangered; */   /* float: right;    padding-top: 39px;    padding-right: 21px;}*/
.header_con .search {    width: 195px;    height: 26px;    background: #f1f1f1;    border: 1px solid #e5e5e5;   
     /* 清除右侧边框 */    border-right: none;    float: left;    color: #888888;}
.header_con form div {    width: 30px;    height: 26px;    border: 1px solid #e5e5e5;    border-left: none;    float: left;    /* 给btn套盒子的时候也要加浮动 */} 

.container {
display: flex;
justify-content: flex-end;
width: 100%;
}

.search-box {
width: 100px; /* 可根据需要调整 */
right: 0;
}

#nav {    height: 58px;    background: rgb(238, 236, 236);} #nav .nav_con {    width: 1002px;    height: 58px;    background: black;    margin: 0 auto;}  
/* 导航横向排列 */ #nav .nav_con li {    width: 118px;    height: 58px;    float: left;    background: black;   
     /* 左右居中 */    text-align: center;    /* 上下居中 */    line-height: 58px;    border-left: 1px solid #4a4a4a;  
       font-size: 12px;} .nav_con li a {    color: white;} 
       .margin-left {    margin-left: 25px;    border-left: none!important;}

       h1 {
  font-size: 36px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 16px;
}

  .con{    background: #f3f8f4;    width: 1130px;    height: 600px;    margin: 10px auto;  } 
  h2{color: #DD4F52;  }  
  .clear{clear: both;line-height: 2.2;  } 
   .cl{    float: left;    width:600px;    height: 500px;padding-top: 20px;    padding-left: 30px; word-spacing: 4px; line-height: 2.2;}   
    .cr{    float: left;    width:300px;            margin-top: 40px;    margin-left: 50px;      background: #f5faf4;      height: 500px;      border-radius: 20px;  } 
     .cr li{ width: 240px;list-style-type: none;  
        height: 90px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        line-height: 1.5; 
        gap: 5px; 
        grid-gap: 5px; }  
     .cr li img { width:100px; height: 80px; float: left}

     .box {
    position: relative;
    width: 200px;
    height: 200px;
    background-color: #f0f0f0;
}

.text {
    position: absolute;
    top: 0;
    right: 0;
    margin: 10px;
}


.g-ft {
  position:relative;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 15px; /* 设置底部高度 */
  background-color: #f5f5f5;
  padding: 20px;
}
  /*    ul>li{
  float: left;
  width: 15%;
  border: 1px solid #FFFFFF;
  height: 70px;
  cursor: pointer;
  list-style: none;
  font-size: 14px;
  font-family: "微软雅黑 Light";
}
ul>li a{
  display: inline-block;
  padding: 24px 30px;
  height: 100%;
  color: #000000;
  text-decoration: none;
  list-style: none;
}*/