.hb {
  background: #f6fff0;
  min-width: 1300px;
}
.hb .header {
  background: url(../images/bg_01.jpg) center top no-repeat;
  height: 900px;
}
.hb .header h1 {
  font-size: 0;
}
.hb .wrap {
  width: 1201px;
  margin: 0 auto;
}
.hb .title {
  height: 79px;
  font-size: 0;
  margin-bottom: 40px;
}
.hb .title a {
  display: block;
  height: inherit;
}
.hb .title.t1 {
  background: url(../images/t1.png) center top no-repeat;
}
.hb .title.t2 {
  background: url(../images/t2.png) center top no-repeat;
}
.hb .title.t3 {
  background: url(../images/t3.png) center top no-repeat;
}
.hb .title.t4 {
  background: url(../images/t4.png) center top no-repeat;
  height: 50px;
}
.hb .title.t5 {
  background: url(../images/t5.png) center top no-repeat;
  height: 50px;
}
.hb .title.t6 {
  background: url(../images/t6.png) center top no-repeat;
}
.hb .title.t7 {
  background: url(../images/t7.png) center top no-repeat;
}
.hb .nav-wrap {
  background: url(../images/i-nav.png) center top no-repeat;
  width: 1224px;
  height: 112px;
  line-height: 112px;
  margin: 0 auto;
  margin-top: -56px;
  text-align: center;
}
.hb .nav-wrap li {
  display: inline;
  font-size: 25px;
  color: #427317;
  font-weight: bold;
  cursor: pointer;
  margin: 0 35px;
  transition: all 0.5s;
}
.hb .nav-wrap li:hover {
  font-size: 28px;
  transition: all 0.5s;
}
.hb .guide-wrap {
  background: url(../images/bg-guide.png) center top no-repeat;
  width: 1260px;
  height: 298px;
  box-sizing: border-box;
  margin: 70px auto 54px;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  color: #427317;
  padding: 93px 90px;
}
.hb .focus-wrap {
  overflow: hidden;
  padding-bottom: 78px;
}
.hb .focus-wrap .focus-slider {
  background: #ccc;
  float: left;
  width: 626px;
  height: 427px;
  overflow: hidden;
}
.hb .focus-wrap .focus-slider .gui-flexslider li span {
  height: 75px;
  padding-top: 20px;
  padding-left: 20px;
  box-sizing: border-box;
  text-align: left;
  background: linear-gradient(to bottom, transparent 0%, #508e19 30%, #508e19 100%);
}
.hb .focus-wrap .focus-slider .gui-flex-control-nav {
  bottom: 10px;
}
.hb .focus-wrap .focus-news {
  float: right;
  width: 510px;
}
.hb .focus-wrap .focus-top {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #999;
}
.hb .focus-wrap .focus-top h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 42px;
  color: #508e19;
}
.hb .focus-wrap .focus-top p {
  font-size: 18px;
  line-height: 42px;
  color: #999999;
}
.hb .focus-wrap .focus-top p span {
  color: #508e19;
}
.hb .txt-list li {
  background: url(../images/i-point.png) 0 center no-repeat;
  font-size: 20px;
  line-height: 42px;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 23px;
}
.hb .main2 {
  background: url(../images/bg_03.jpg) center top no-repeat;
  height: 696px;
  padding-top: 80px;
  box-sizing: border-box;
}
.hb .main2 .gird-list {
  overflow: hidden;
  width: 1260px;
}
.hb .main2 .gird-list .gird {
  float: left;
  background: url(../images/bg-gird.png) center top no-repeat;
  width: 574px;
  height: 197px;
  padding: 40px 50px;
  box-sizing: border-box;
  margin-right: 52px;
  margin-bottom: 32px;
}
.hb .main2 .gird-list .gird h3 {
  font-size: 20px;
  font-weight: bold;
  line-height: 42px;
  color: #508e19;
  height: 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hb .main2 .gird-list .gird p {
  font-size: 18px;
  line-height: 42px;
  color: #999999;
}
.hb .main2 .gird-list .gird p span {
  color: #508e19;
}
.hb .main3 {
  padding-top: 80px;
}
.hb .media-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
.hb .media-wrap .media {
  width: 580px;
}
.hb .media-wrap .pic-list-wrap {
  background: url(../images/bg-img.png) 0 center no-repeat;
  width: 580px;
  height: 563px;
  border-radius: 4px;
  padding: 55px 17px;
  box-sizing: border-box;
}
.hb .media-wrap .pic-list-wrap .pic-list {
  width: 600px;
  overflow: hidden;
}
.hb .media-wrap .pic-list-wrap .pic-list li {
  float: left;
  width: 264px;
  margin-bottom: 37px;
  margin-right: 16px;
}
.hb .media-wrap .pic-list-wrap .pic-list li img {
  width: 264px;
  height: 170px;
  margin-bottom: 18px;
  object-fit: cover;
}
.hb .media-wrap .pic-list-wrap .pic-list li span {
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-align: center;
}
.hb .picFocus {
  position: relative;
}
.hb .picFocus .hd {
  width: 505px;
  margin: 0 auto;
  padding-top: 5px;
  overflow: hidden;
}
.hb .picFocus .hd ul {
  width: 520px;
  overflow: hidden;
  zoom: 1;
}
.hb .picFocus .hd ul li {
  float: left;
  text-align: center;
  width: 148px;
  height: 165px;
  padding: 10px;
}
.hb .picFocus .hd ul li.on {
  background-color: #d3f0d3;
}
.hb .picFocus .hd ul li.on span {
  color: #2c9529;
}
.hb .picFocus .hd ul li img {
  display: block;
  width: 148px;
  height: 90px;
  object-fit: cover;
  cursor: pointer;
  margin: 0 auto 14px;
}
.hb .picFocus .hd ul li span {
  display: block;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  color: #212121;
}
.hb .picFocus .bd li {
  width: 578px;
  height: 378px;
  position: relative;
}
.hb .picFocus .bd li img {
  width: 578px;
  height: 378px;
  object-fit: cover;
  display: block;
}
.hb .picFocus .bd li span {
  height: 56px;
  line-height: 56px;
  color: #fff;
  background: #68c659;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 20px;
}
.hb .picFocus .prev,
.hb .picFocus .next {
  display: block;
  width: 32px;
  height: 52px;
  position: absolute;
  top: 457px;
}
.hb .picFocus .prev {
  background: url(../images/i-prev.png);
  left: 0;
}
.hb .picFocus .next {
  background: url(../images/i-next.png);
  right: 0;
}
.hb .file-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
}
.hb .file-wrap .file {
  width: 580px;
}
.hb .link {
  display: flex;
  justify-content: space-between;
}
.hb .link .logo {
  display: block;
  width: 100px;
}
.hb .link .txt-list {
  width: 390px;
}
.hb .footer-wrap {
  border-top: 4px solid #39b77a;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
  padding: 45px 0;
  text-align: center;
}
.hb .footer-wrap a {
  color: inherit;
}

@media screen and (max-width: 1024px) {
  .hb .header {
    background-size: 100%;
    height: 600px;
  }
}