.grassroots_header {
  height: 687px;
  background: url(../images/grassroots_bg_header.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 18px;
}
.grassroots_header .banner {
  display: flex;
  justify-content: center;
  margin-top: 87px;
}
.county {
  margin-top: -80px;
}
.county .county_top {
  display: flex;
  justify-content: center;
  width: 1078px;
  margin: 0 auto;
  background: url(../images/grassroots_county_bg_top.png) no-repeat 100% 129px;
  background-position: bottom;
  padding-bottom: 75px;
}
.county .county_top li {
  width: 158px;
  margin: 0 35px;
  transition: all 0.3s;
}
.county .county_top li a {
  font-size: 28px;
  color: #dd1e24;
  text-align: center;
  font-weight: 700;
}
.county .county_top li a p {
  margin-top: 10px;
}
.county .county_top li:hover {
  transform: translateY(-10px);
}
.county .county_bot {
  display: flex;
  justify-content: center;
  width: 1316px;
  margin: 0 auto;
  background: url(../images/grassroots_county_bg_bot.png) no-repeat 100% 129px;
  background-position: bottom;
  padding-bottom: 75px;
  margin-top: 20px;
}
.county .county_bot li {
  width: 158px;
  margin: 0 35px;
  transition: all 0.3s;
}
.county .county_bot li a {
  font-size: 28px;
  color: #dd1e24;
  text-align: center;
  font-weight: 700;
}
.county .county_bot li a p {
  margin-top: 10px;
}
.county .county_bot li:hover {
  transform: translateY(-10px);
}
.guide {
  height: 699px;
  background: url(../images/grassroots_bg_bz.png) no-repeat;
  background-size: 100% 100%;
  margin-top: 30px;
  padding-top: 45px;
}
.guide .guide_title {
  display: flex;
  justify-content: center;
}
.guide .guide_inner {
  width: 100%;
  height: 364px;
  background-color: #fff;
  margin-top: 38px;
}
.guide .guide_inner .swiper {
  width: 100%;
  height: 100%;
}
.guide .guide_inner .swiper .swiper-slide {
  width: 100%;
  height: 100%;
  padding: 44px;
}
.guide .guide_inner .swiper .swiper-slide .list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 50px;
}
.guide .guide_inner .swiper .swiper-slide .list li {
  width: 25%;
}
.guide .guide_inner .swiper .swiper-slide .list li a {
  display: flex;
  align-items: center;
  font-size: 22px;
  color: #333;
}
.guide .guide_inner .swiper .swiper-slide .list li a img {
  margin-right: 20px;
}
.guide .guide_inner .swiper .swiper-slide .list li a:hover {
  color: #dd1e24;
}
.guide .guide_inner .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 50px;
  opacity: 1;
  border-radius: 0;
  background-color: rgba(230, 96, 32, 0.1);
}
.guide .guide_inner .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #e66020;
}
.work {
  margin-top: 20px;
  margin-bottom: 80px;
}
.work .work_title {
  display: flex;
  justify-content: center;
}
.work .work_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 45px;
}
.work .work_list li {
  width: 625px;
  height: 114px;
  border: 1px solid #e5e5e5;
  margin-bottom: 29px;
}
.work .work_list li a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 32px;
}
.work .work_list li a .date {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 32px;
}
.work .work_list li a .date .day {
  font-size: 30px;
  color: #e12424;
  font-weight: 700;
}
.work .work_list li a .date .year {
  font-size: 16px;
  color: #333;
}
.work .work_list li a p {
  flex: 1;
  font-size: 18px;
  color: #333;
  font-weight: 700;
  line-height: 32px;
}
.work .work_list li a:hover p {
  color: #e12424;
}