.bg-huang {
  background: #e5a028; }

.banner {
  background: url("../images/banner.jpg") top center no-repeat; }

.text-brown {
  color: #513019; }

.text-lightbrown {
  font-size: 24px;
  color: #8a6a54; }

.text-huang {
  color: #e5a028; }

.text-wenti {
  color: #513019; }
  .text-wenti::before {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    content: '';
    border-radius: 50%;
    background: #e5a028; }

.text-fuwu {
  margin-top: 10px;
  padding: 10px;
  background: #e5a028;
  color: #513019;
  border-radius: 5px; }

.youshi {
  width: 115px;
  height: 115px;
  margin: 10px 0;
  color: #513019;
  border-radius: 50%;
  background: #e5a028; }
  .youshi p {
    line-height: 115px;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }

@media screen and (max-width: 576px) {
  .youshi {
    width: 80px;
    height: 80px; }
    .youshi p {
      line-height: 80px;
      font-size: 16px; }

  .daima p {
    font-size: 16px;
    text-align: center; } }
.liucheng p {
  margin: 10px 0; }
  .liucheng p::before {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 8px;
    margin-right: 10px;
    content: ''; }
.liucheng .first::before {
  background: url("../images/1.jpg") center center no-repeat;
  background-size: contain; }
.liucheng .second::before {
  background: url("../images/2.jpg") center center no-repeat;
  background-size: contain; }
.liucheng .third::before {
  background: url("../images/3.jpg") center center no-repeat;
  background-size: contain; }

.course {
  position: relative;
  display: block;
  width: 100%;
  height: 120px;
  padding: 20px 0;
  margin: 5px 0;
  background: #e5a028; }
  .course .course-leibie {
    width: 80%;
    height: 75px;
    margin: 0 auto;
    padding: 10px 0;
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff; }
  .course .course-jibie {
    position: absolute;
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    top: 75px;
    left: 25%;
    color: #e5a028;
    background: #fff; }
  .course:hover {
    background: #c28418;
    text-decoration: none; }

.footer {
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 40px; }
  .footer p {
    margin-bottom: 0; }

/*# sourceMappingURL=main.css.map */