.home-columns020 .layout {
  display: flex;
  justify-content: space-between;
}

.home-columns020 .layout>div {
  width: calc(50% - calc(var(--yn-unit) * 0.2));
  padding: calc(var(--yn-unit) * 0.4) calc(var(--yn-unit) * 0.4) calc(var(--yn-unit) * 0.6)!important;
  border-radius: calc(var(--yn-unit) * 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.5);
  background-size: cover;
  min-height: calc(var(--yn-unit) * 5);
}

.home-columns020 .layout .left-box {
  background-image: url("../source/4bf43dd560c3a416b54d.jpg");
}

.home-columns020 .layout .right-box {
  background-image: url("../source/872990fe789bde25cfc6.jpg");
}

.home-columns026 .layout h1 .tit {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.home-columns020 .layout>div .inner-dep {
  margin-top: calc(var(--yn-unit) * 0.4);
}

.home-columns020 .layout>div .inner-dep .area-nav {
  display: flex;
  flex-direction: column;
}

.home-columns020 .layout>div .inner-dep .area-nav a {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: calc(var(--yn-unit) * 0.24);
  padding-bottom: calc(var(--yn-unit) * 0.2);
  /* font-family: "Times New Roman", Times, serif; */
  /* border-bottom: 1px solid #fff; */
  /* padding-left: 0; */
  /* transition: padding-left 0.3s ease; */
}

.home-columns020 .layout .left-box .inner-dep .area-nav a {
  color: var(--ruifox-color-primary-1);
}

/* .home-columns020 .layout>div .inner-dep .area-nav a:hover {
  padding-left: calc(var(--yn-unit) * 0.2);
} */

.home-columns020 .layout>div .inner-dep .area-nav a .fix-icon {
  margin-right: calc(var(--yn-unit) * 0.1);
  width: calc(var(--yn-unit) * 0.1);
  height: calc(var(--yn-unit) * 0.1);
  border-radius: 50%;
  background-color: #facd72;
}

.home-columns020 .layout .left-box h1 .column-tit001 a,
.home-columns020 .layout .left-box h1 .column-tit001 p {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.home-columns020 .layout .right-box h1 .column-tit001 a,
.home-columns020 .layout .right-box h1 .column-tit001 p {
  color: #fff !important;
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.home-columns020 .layout .left-box .inner-dep .area-nav a .tit-first .tit-first-container {
  background-image: linear-gradient(#3b4573, #3b4573);
}

.home-columns020 .layout .left-box .inner-dep .area-nav a .tit-first .tit-first-container {
  background-image: linear-gradient(#3b4573, #3b4573);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size .5s;
}

.home-columns020 .layout .right-box .inner-dep .area-nav a .tit-first .tit-first-container {
  background-image: linear-gradient(#fff, #fff);
}

.home-columns020 .layout .right-box .inner-dep .area-nav a .tit-first .tit-first-container {
  background-image: linear-gradient(#fff, #fff);
  background-size: 0 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size .5s;
}

@media (any-hover: hover) {
  .home-columns020 .layout .left-box .inner-dep .area-nav a:hover .tit-first .tit-first-container {
    background-size: 100% 1px;
    color: var(--ruifox-color-primary-1);
  }
  .home-columns020 .layout .right-box .inner-dep .area-nav a:hover .tit-first .tit-first-container {
    background-size: 100% 1px;
  }
}

@media(max-width: 960px) {
  .home-columns020 .layout {
    flex-direction: column;
  }
  .home-columns020 .layout>div {
    width: 100%;
    padding: calc(var(--yn-unit) * 0.2) calc(var(--yn-unit) * 0.2) calc(var(--yn-unit) * 0.3) !important;
    min-height: calc(var(--yn-unit) * 2.4);
  }
  .home-columns020 .layout .right-box {
    margin-top: calc(var(--yn-unit) * 0.2);
  }
  .home-columns020 .layout>div .inner-dep .area-nav a {
    font-size: 16px;
  }
  .home-columns020 .layout>div .inner-dep .area-nav a:hover {
    padding-left: 0;
  }
}