.top{
  margin:0 auto;
  background:rgb(231, 231, 231);
  top:99%;
  width:1200px;
}
.logo{
  padding-bottom:3%;
}
.logo-tag{
  font-size:18px;
  color:rgb(63, 41, 3);
  display: flex;
  justify-content: space-around;
  padding-top:2px;
}
.logo-num{
  font-size:28px;
  color:rgb(61, 180, 13);
  font-weight:600;
  padding-top:22px;
  display: flex;
  justify-content: space-around;
}
.logo-num span:nth-child(2){
  margin-left:-5%;
}
.logo-img{
  display: flex;
  justify-content: space-around;
  padding-top:50px;
}
.logo img{
  width:35px;
  height:30px;
}
.funong{
  position: relative;
  text-align: center;
  width:1200px;
  margin:0 auto;
}
.introduce{
  position:absolute;
  width: 35%;
  font-size:22px;
  color:#fff;
  top:3.5%;
  right:14%;
  line-height:40px;
  text-align:left;
}
.cow{
  position: relative;
  margin:0 auto;
  width:1200px;
}
.row{
  position:absolute;
  top:3%;
  left:65%;
  width:30%;
}
.row-title{
  font-size:22px;
  color:rgb(111, 85, 30);
}
.row-text{
  font-size:30px;
  color:rgb(73, 47, 7);
  font-weight:600;
}
.row img{
  width:30%;
  height:30%;
  margin:2% 6% 0 0
}
.row-color{
  color:rgb(93, 64, 7);
  margin:3% 12% 0 2%;
}
@media screen and (max-width:750px){
  .introduce{
    font-size:14px;
    width:35%;
    line-height:25px;
    top:8%;
    right:14%;
  }
  .row{
    width:35%;
    top:0.5%;
    left:65%
  }
  .row-text{
    font-size:16px;
  }
  .row-title{
    font-size:14px;
  }
  .row-color{
    margin:3% 4% 0 0
  }
  .top{
    width:100%;
  }
  .funong{
    width:100%;
  }
  .cow{
    width:100%;
  }
  .logo-tag{
    flex-wrap: wrap;
  }
}
@media screen and (max-width:1000px){
  .top{
    max-width:1000px;
  }
  .funong{
    max-width:1000px;
  }
  .cow{
    max-width:1000px;
  }
}