.annual_header {
  height: 678px;
  background: url(../images/annual_bg_header.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 67px;
}
.annual_header .annual_title {
  display: flex;
  justify-content: center;
  padding-top: 128px;
}
.annual_header .annual_desc {
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding-top: 189px;
  line-height: 36px;
}
.main {
  margin-top: 69px;
  margin-bottom: 80px;
}
.main .other_link {
  display: flex;
  justify-content: space-between;
}
.main .other_link .other_link_item {
  width: 606px;
  height: 150px;
  background: url(../images/annual_bg_other_1.png) no-repeat;
  background-size: 100% 100%;
  transition: all 0.3s;
}
.main .other_link .other_link_item a {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 32px;
  color: #015293;
  padding-left: 75px;
  font-weight: 700;
}
.main .other_link .other_link_item:hover {
  transform: translateY(-5px);
}
.main .park {
  margin-top: 65px;
}
.main .park .park_title {
  display: flex;
  justify-content: center;
  font-size: 36px;
  color: #015293;
  font-weight: 700;
  background: url(../images/annual_bg_title.png) no-repeat;
  background-size: 100% 33px;
  background-position: center;
}
.main .park .park_list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 22px;
  row-gap: 35px;
  margin-top: 44px;
}
.main .park .park_list li {
  width: 242px;
  height: 84px;
  background-color: #ecf6ff;
  border-radius: 10px;
  border: 1px solid transparent;
}
.main .park .park_list li.long {
  width: 506px;
}
.main .park .park_list li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 20px;
  color: #2468a7;
}
.main .park .park_list li:hover {
  border-color: #015293;
}
.main .county {
  margin-top: 76px;
}
.main .county .county_title {
  display: flex;
  justify-content: center;
  font-size: 36px;
  color: #015293;
  font-weight: 700;
  background: url(../images/annual_bg_title_2.png) no-repeat;
  background-size: 100% 100%;
}
.main .county .county_list {
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
  margin-top: 40px;
}
.main .county .county_list li {
  position: relative;
  width: 405px;
  height: 192px;
  border: 1px solid #e6f1f8;
  transition: all 0.3s;
}
.main .county .county_list li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 84px;
  height: 3px;
  background-color: #ffdb96;
  transform: translateX(-50%);
}
.main .county .county_list li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main .county .county_list li a .cover {
  width: 100%;
  height: 140px;
}
.main .county .county_list li a .cover img {
  width: 100%;
  height: 100%;
}
.main .county .county_list li a .county_name {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  font-size: 22px;
  color: #015293;
  font-weight: 700;
}
.main .county .county_list li:hover {
  transform: translateY(-5px);
}