.datalis {
  width: 95%;
  /* background-color: #f50; */
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  /* align-items: center; */
  justify-content: center;
  flex-wrap: wrap; /* 允许换行 */
}

.datalis-img {
  width: 100%;
}
.datalis-left {
  flex: 1 1 35%; /* 在PC上各占约45%宽度，留出间隙 */
  border:1px solid #ddd;
  box-sizing: border-box;
}
.datalis-right {
  flex: 1 1 60%; /* 在PC上各占约45%宽度，留出间隙 */
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .datalis-left {
    flex: 1 1 100%; /* 每个元素独占一行 */
    margin-bottom: 10px; /* 可选：添加上下间距 */
  }
   .datalis-right、 {
    flex: 1 1 100%; /* 每个元素独占一行 */
    margin-bottom: 10px; /* 可选：添加上下间距 */
  }
}
.datalis-paragraph {
  font-size: 18px;
  margin-top: 30px;
}
.datalis-btn {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
}
.datalis-btn > a {
  width: 160px;
  height: 50px;
  color: #777;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  border-radius: 5px;;
}
.datalis-btn > a:hover {
  color: #fff;
  background-color: #9d7600;
  text-decoration: none;
}

.datalis-introduce{
    width: 93%;
    /* height: 90vh; */
    /* background-color: #f50; */
    margin: 0 auto;
}
.datalis-introduce-title{
    width: 100%;
    height: 60px;
    background-color: #efefef;
}
.datalis-introduce-title>div{
    width: 200px;
    height: 100%;
    background-color: #9d7600;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
}
.datalis-introduce-content{
    width: 100%;
    margin-top: 20px;
}
.datalis-introduce-content>p{
    font-size: 16px;
    text-indent: 2em;
    line-height: 30px;
}