.edu-wrapper{
  width: 1200px;
  margin: 8rem auto;
}
.edu-wrapper h2{
  font-size: 2rem;
  height: 40px;
  line-height: 40px;
  border-left: 10px solid #FFD03C;
  padding-left: 16px;
  margin: 60px 0;
}
.edu{
  background: #fff;
  height: 405px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 40px rgba(0, 0, 0, 0.06);
  margin-bottom: 100px;
}
.edu-img{
  width: 40%;
  float: left;
}
.edu-img img{
  width: 100%;
}
.edu-con{
  width: 60%;
  float: left;
}
.edu-con div{
  padding-left: 38px;
}
.edu-con div p{
  margin: 40px 0 90px;
  font-size: 16px;
  font-weight: 500;
  padding-right: 38px;
  line-height: 2;
  word-wrap:break-word;
  text-align:justify;
}
.edu-con div button{
  background: none;
  border: 2px solid #ffd03c;
  border-radius: 10px;
  height: 40px;
  padding: 0 20px;
  line-height: 32px;
  vertical-align: middle;
  align-items: center;
  display: block;
  margin-top: 20px;
}
.edu-con div button:hover{
    background: #FFD03C;
    color: #FFFFFF;
}
.edu-con div button img{
  width: 16px;
  margin: 0 0 -3px 20px;
}
.buy-con img{
	width: 198px;
	margin-right: 68px;
	margin-bottom: 68px;
}
@media only screen and (max-width: 1200px) {
  .edu-wrapper{
    width: auto;
  }
  .edu-wrapper h2{
    font-size: 20px;
    border-left: 5px solid #FFD03C;
    height: 30px;
    line-height: 30px;
    margin: 30px 0;
  }
  .edu-img{
    float: none;
    width: 100%;
  }
  .edu-con{
    width: 100%;
    float: none;
  }
  .edu{
    height: auto;
    padding-bottom: 30px;
  }
	.buy-con img{
		width: 100px;
		margin-right: 20px;
		margin-bottom: 30px;
	}
}