/*
 * @Author: fegq
 * @Description: This is a header comment.
 * @version: v0.0.1
 * @Date: 2021-01-13 16:47:43
 * @LastEditors: fegq
 * @LastEditTime: 2021-06-02 13:16:46
 */
/*
common property
*/
/*
common methods
*/
.img {
  display: inline-block;
  width: 100%;
  height: auto;
}

@-webkit-keyframes imgScaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}

@keyframes imgScaling {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
table {
  width: 100%;
}

@-webkit-keyframes circleMove {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes circleMove {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.child-nav {
  width: 100%;
}

.child-nav {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background: white;
}
.child-nav .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.child-nav .inner a {
  font-size: 18px;
  color: #333;
}
.child-nav .inner a.active {
  font-weight: bold;
  color: #224534;
}
.child-nav.child-nav-news .inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.child-nav.child-nav-news .inner a:first-child {
  margin-right: 80px;
}

.block-title-green h3 {
  color: #224534;
}

.child-about-intro {
  padding: 80px 0;
}
.child-about-intro .block-title {
  margin-bottom: 35px;
}
.child-about-intro .block-content p {
  font-size: 18px;
  line-height: 2.2;
  font-family: 'source';
}

.child-culture {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/about-bg1.png");
}
.child-culture .about-left {
  max-width: 560px;
}
.child-culture .about-left .about-des {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10;
}
.child-culture .about-right {
  width: 539px;
  height: 603px;
  border: none;
  text-align: center;
  overflow: hidden;
}
.child-culture .about-right span {
  position: relative;
  bottom: 55px;
  margin: 0 auto;
  display: inline-block;
  width: 397px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background: #224534;
  color: white;
  font-size: 40px;
}

.child-about-cert {
  padding: 70px 0;
  height: auto;
}
.child-about-cert .block-content {
  margin-top: 60px;
}
.child-about-cert .block-content .child-cert li {
  float: left;
  margin-right: 30px;
  width: 380px;
  height: 390px;
}
.child-about-cert .block-content .child-cert li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.child-about-cert .block-content .child-cert li a .child-cert-img {
  width: 100%;
  height: 290px;
  background: #d8d8d8;
  border: 1px solid #666;
  overflow: hidden;
}
.child-about-cert .block-content .child-cert li a .child-cert-img img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.child-about-cert .block-content .child-cert li a .child-cert-name {
  position: relative;
  margin: 20px 0;
  height: 60px;
  line-height: 60px;
  color: #333;
  font-size: 24px;
  text-align: center;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2;
}
.child-about-cert .block-content .child-cert li a .child-cert-name:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -18.5px;
  display: inline-block;
  width: 4px;
  height: 37px;
  background: #224534;
}
.child-about-cert .block-content .child-cert li:hover a .child-cert-img {
  -webkit-box-shadow: 0 10px 10px #666;
          box-shadow: 0 10px 10px #666;
}
.child-about-cert .block-content .child-cert li:nth-child(3n) {
  margin-right: 0;
}

.child-act {
  margin-top: 70px;
}

.about-spec {
  padding-bottom: 70px;
}
.about-spec .spec-box::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}
.about-spec .spec-box::-webkit-scrollbar-thumb {
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 5px #224534;
          box-shadow: inset 0 0 5px #224534;
  background: #224534;
}
.about-spec .spec-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px white;
          box-shadow: inset 0 0 5px white;
  border-radius: 10px;
  background: white;
  border: 1px solid #224534;
}
.about-spec .block-content {
  height: 850px;
  overflow-y: auto;
}
.about-spec .block-content .spec-ls {
  width: 100%;
  height: auto;
}
.about-spec .block-content .spec-ls li {
  margin-bottom: 35px;
  width: 100%;
  height: 265px;
}
.about-spec .block-content .spec-ls li a {
  display: block;
  width: 100%;
  height: 100%;
}
.about-spec .block-content .spec-ls li a .spec-ls-img {
  position: relative;
  float: left;
  width: 800px;
  height: 265px;
  border-radius: 20px;
  overflow: hidden;
}
.about-spec .block-content .spec-ls li a .spec-ls-img img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.about-spec .block-content .spec-ls li a .spec-ls-img .spec-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 265px;
  line-height: 265px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.about-spec .block-content .spec-ls li a .spec-ls-img .spec-txt span {
  font-size: 30px;
  color: white;
  border-bottom: 1px solid white;
}
.about-spec .block-content .spec-ls li a .spec-ls-name {
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 55px;
  width: 383px;
  height: 100%;
}
.about-spec .block-content .spec-ls li a .spec-ls-name h4 {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px 0;
  font-size: 28px;
  color: #224534;
  font-family: 'sszhjt';
  font-weight: normal;
  letter-spacing: 5px;
  border-bottom: 2px solid #999;
}
.about-spec .block-content .spec-ls li a .spec-ls-name .spec-ls-des {
  font-size: 18px;
  line-height: 35px;
  color: #666;
}
.about-spec .block-content .spec-ls li a .spec-ls-name .spec-ls-date {
  margin-top: 15px;
  font-size: 18px;
  color: #666;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3;
}
.about-spec .block-content .spec-ls li:hover a .spec-ls-img {
  -webkit-box-shadow: 0 0 20px black;
          box-shadow: 0 0 20px black;
}
.about-spec .block-content .spec-ls li:hover a .spec-ls-img .spec-txt {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.about-hdg {
  padding: 70px 0;
}

.corp {
  padding: 60px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/pro-bg.png");
  overflow: hidden;
}
.corp .corp-title {
  margin-bottom: 85px;
  font-family: 'sszhjt';
}
.corp .corp-title p {
  font-size: 40px;
  color: #666;
  text-transform: uppercase;
}
.corp .corp-title h3 {
  margin-top: 40px;
  font-weight: normal;
  font-size: 48px;
  color: #224534;
}
.corp .corp-title .corp-arrow {
  float: right;
  position: relative;
  width: 150px;
}
.corp .corp-title .corp-arrow .swiper-button-next,
.corp .corp-title .corp-arrow .swiper-button-prev {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 50%;
}
.corp .corp-title .corp-arrow .swiper-button-next i,
.corp .corp-title .corp-arrow .swiper-button-prev i {
  color: #224534;
  font-size: 24px;
}
.corp .corp-title .corp-arrow .swiper-button-next {
  background-color: #224534;
}
.corp .corp-title .corp-arrow .swiper-button-next i {
  color: white;
}
.corp .corp-title .corp-arrow .swiper-button-prev {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid #666;
}
.corp .corp-title .corp-arrow .swiper-button-prev i {
  color: #666;
}
.corp .corp-title .corp-arrow .swiper-button-next::after,
.corp .corp-title .corp-arrow .swiper-button-prev::after {
  display: none;
}
.corp .block-content {
  height: 440px;
  overflow: hidden;
}
.corp .corp-box {
  width: 100%;
  height: 440px;
  overflow: visible;
}
.corp .corp-box .corp-ls li {
  float: left;
  width: 370px;
  height: 440px;
}
.corp .corp-box .corp-ls li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.corp .corp-box .corp-ls li a .corp-ls-icon {
  position: absolute;
  top: -40px;
  right: -10px;
  width: 106px;
  height: 106px;
  border-radius: 50%;
  background: rgba(34, 69, 52, 0.75);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/pro-icon.png");
  background-size: 40%;
}
.corp .corp-box .corp-ls li a .corp-ls-img {
  margin-top: 40px;
  width: 100%;
  height: 260px;
  border-radius: 20px;
  overflow: hidden;
}
.corp .corp-box .corp-ls li a .corp-ls-img img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.corp .corp-box .corp-ls li a .corp-ls-name {
  position: relative;
  bottom: 115px;
  margin: 0 auto;
  width: 260px;
  height: 67px;
  line-height: 67px;
  text-align: center;
  color: white;
  border-radius: 20px;
  font-size: 36px;
  border: 1px solid transparent;
  -webkit-transition: border .5s;
  transition: border .5s;
}
.corp .corp-box .corp-ls li:hover a .corp-ls-name {
  border: 1px solid white;
}

.food {
  position: relative;
}
.food .food-img {
  height: 780px;
}
.food .food-img .food-img-p {
  position: absolute;
  left: 0;
  top: 0;
  width: 1135px;
  height: 706px;
}
.food .food-img .food-img-p img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.food .food-img .food-img-p .food-img-circle {
  position: absolute;
  top: 145px;
  left: 380px;
  width: 95px;
  height: 95px;
}
.food .food-img .food-img-p .food-img-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid white;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-animation: circleMove 2s infinite;
          animation: circleMove 2s infinite;
}
.food .food-img .food-img-p .food-img-circle span:nth-child(1) {
  margin-top: -45px;
  margin-left: -45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 90px;
  height: 90px;
}
.food .food-img .food-img-p .food-img-circle span:nth-child(2) {
  margin-top: -37.5px;
  margin-left: -37.5px;
  width: 75px;
  height: 75px;
}
.food .food-img .food-img-p .food-img-circle span:nth-child(3) {
  margin-left: -14.5px;
  margin-top: -14.5px;
  width: 29px;
  height: 29px;
}
.food .food-img .food-img-p .food-img-circle span:nth-child(4) {
  margin-top: -8px;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  background: white;
}
.food .food-img .food-img-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1164px;
  height: 459px;
  background: #224534;
  z-index: -1;
}
.food .food-ls {
  position: absolute;
  bottom: 20px;
  left: 80px;
  width: 1020px;
  height: 145px;
}
.food .food-ls li {
  float: left;
  width: 16.6%;
  height: 100%;
  text-align: center;
}
.food .food-ls li .food-ls-name {
  height: 90px;
}
.food .food-ls li .food-ls-name span {
  position: relative;
  top: 10px;
  color: white;
}
.food .food-ls li .food-ls-name i {
  position: relative;
  top: 30px;
  display: inline-block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed white;
}
.food .food-ls li .food-ls-name i::before {
  position: relative;
  top: -5px;
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid white;
}
.food .food-ls li .food-ls-name i::after {
  position: relative;
  top: -9px;
  left: -12px;
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.food .food-ls li .food-ls-icon {
  padding-top: 15px;
  width: 100%;
  height: 40px;
}
.food .food-ls li .food-ls-icon i {
  font-size: 30px;
  color: white;
}
.food .food-ls li.active .food-ls-name span, .food .food-ls li:hover .food-ls-name span {
  color: #224534;
}
.food .food-ls li.active .food-ls-name i::before, .food .food-ls li:hover .food-ls-name i::before {
  border: 1px solid #224534;
}
.food .food-ls li.active .food-ls-name i::after, .food .food-ls li:hover .food-ls-name i::after {
  background: #224534;
}
.food .food-ls li.active .food-ls-icon i, .food .food-ls li:hover .food-ls-icon i {
  text-shadow: 0 0 10px white;
}


.food-des {
  margin: 30px auto;
  width: 800px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-align: center;
}

.ms-img img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.mszs {
  padding-top: 65px;
  padding-bottom: 95px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/pro-bg1.png");
}
.mszs .mszs-title {
  margin-bottom: 50px;
  font-family: 'sszhjt';
}
.mszs .mszs-title h3 {
  margin-bottom: 35px;
  color: #333;
  font-size: 48px;
  font-weight: normal;
}
.mszs .mszs-title p {
  font-size: 14px;
  color: #224534;
  text-transform: uppercase;
}
.mszs .mszs-title p i {
  position: relative;
  top: -5px;
  margin-right: 15px;
  display: inline-block;
  width: 65px;
  height: 1px;
  background: #224534;
}
.mszs .mszs-content li {
  float: left;
  width: 50%;
  height: 400px;
}
.mszs .mszs-content li a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mszs .mszs-content li a .mszs-ls-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mszs .mszs-content li a .mszs-ls-img img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.mszs .mszs-content li a .mszs-ls-name {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 60px;
  width: 100%;
  height: 76px;
  line-height: 76px;
  color: white;
  font-size: 30px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.mszs .mszs-content li:hover a .mszs-ls-img img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.mszs .mszs-content li:hover a .mszs-ls-name {
  padding-left: 80px;
}

.picnic {
  position: relative;
  width: 100%;
  height: 510px;
  background-color: #d8d8d8;
  overflow: hidden;
}
.picnic .picnic-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(13px);
          filter: blur(13px);
}
.picnic .picnic-inner {
  position: relative;
  height: 100%;
}
.picnic .picnic-inner .picnic-ls {
  position: absolute;
  left: 0;
  top: 0;
  width: 330px;
  height: auto;
}
.picnic .picnic-inner .picnic-ls li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 300px;
  height: 170px;
  line-height: 170px;
  text-align: center;
  font-size: 40px;
  font-family: 'sszhjt';
  background: #efeeee;
  border-bottom: 1px solid #d4d4d4;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.picnic .picnic-inner .picnic-ls li a {
  color: #333;
}
.picnic .picnic-inner .picnic-ls li.active {
  width: 330px;
  background: #224534;
}
.picnic .picnic-inner .picnic-ls li.active a {
  color: white;
}
.picnic .picnic-inner .picnic-img {
  position: absolute;
  right: 30px;
  top: 0;
  width: 870px;
  height: 510px;
}

.plant {
  background: #e9e9e9;
}
.plant .block-content {
  height: 360px;
}
.plant .block-content .corp-box {
  height: 360px;
}
.plant .block-content .plant-ls {
  height: 310px;
}
.plant .block-content .plant-ls .swiper-slide {
  position: relative;
  width: 380px;
  height: 300px;
  border-bottom: 9px solid transparent;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.plant .block-content .plant-ls .swiper-slide .plant-ls-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.plant .block-content .plant-ls .swiper-slide .plant-ls-img img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.plant .block-content .plant-ls .swiper-slide .plant-ls-name {
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    height: 58px;
    font-size: 30px;
    background: rgba(0,0,0,.34);
    bottom: 0;
    font-size: 21px;
    color: rgba(255,255,255, .97);
    text-align: center;
    line-height: 58px;
}
.plant .block-content .plant-ls .swiper-slide .plant-ls-name::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 44px;
  height: 4px;
  background: #333;
}
.plant .block-content .plant-ls .swiper-slide:hover {
  border-color: #224534;
  -webkit-box-shadow: 0 5px 16px #333;
          box-shadow: 0 5px 16px #333;
}
.plant .block-content .plant-ls .swiper-slide:hover .plant-ls-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.plant .block-content .plant-page {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 5px;
  border-radius: 4.5px;
}
.plant .block-content .plant-page .swiper-pagination-bullet {
  width: 400px;
  height: 5px;
  border-radius: 2px;
  background-color: transparent;
}
.plant .block-content .plant-page .swiper-pagination-bullet-active {
  background-color: #565656;
}
.plant .block-content .plant-page::after {
  content: '';
  position: absolute;
  top: 2.5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #9b9b9b;
}

.video {
  padding: 70px 0 0 0;
}
.video .video-left {
  float: left;
  width: 380px;
  height: auto;
}
.video .video-left .block-title-video {
  float: left;
  width: 100%;
  text-align: left;
}
.video .video-left .block-title-video h3::after {
  bottom: -75px;
  left: 20px;
}
.video .video-left .block-title-video small {
  color: #a7a7a7;
}
.video .video-left .video-des {
  margin-top: 160px;
  font-size: 18px;
  color: #333;
  line-height: 2.2222222222;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4;
}
.video .video-right {
  position: relative;
  float: right;
  width: 590px;
  height: 365px;
}
.video .video-right .video-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 483px;
  height: 310px;
  background: #224534;
}
.video .video-right .video-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 570px;
  height: 343px;
}
.video .video-right .video-img img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.video .video-right .video-img .video-icon {
  position: relative;
  top: -205px;
  left: 255px;
  width: 75px;
  height: 75px;
  background: white;
  border-radius: 50%;
}
.video .video-right .video-img i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -37.5px;
  margin-left: -37.5px;
  font-size: 75px;
  color: white;
}

.garden-show {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/g-bg.png");
}
.garden-show .block-title h3 {
  padding-bottom: 25px;
}
.garden-show .garden-ls li {
  position: relative;
  margin-right: 30px;
  float: left;
  width: 380px;
  height: 420px;
}
.garden-show .garden-ls li a {
  display: block;
  width: 100%;
  height: 100%;
}
.garden-show .garden-ls li .garden-ls-img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.garden-show .garden-ls li .garden-ls-img img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.garden-show .garden-ls li .garden-ls-name {
  position: absolute;
  top: 20px;
  left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 340px;
  height: 380px;
  line-height: 380px;
  text-align: center;
  border: 1px solid transparent;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'sszhjt';
  -webkit-transition: border .5s;
  transition: border .5s;
}
.garden-show .garden-ls li:last-child {
  margin-right: 0;
}
.garden-show .garden-ls li:hover {
  -webkit-box-shadow: 0 0 10px #333;
          box-shadow: 0 0 10px #333;
}
.garden-show .garden-ls li:hover .garden-ls-name {
  color: white;
  border: 1px solid white;
}

.garden-cert .block-content .child-cert {
  height: 580px;
}
.garden-cert .block-content .child-cert li {
  height: 580px;
}
.garden-cert .block-content .child-cert li a {
  display: block;
  width: 100%;
  height: 100%;
}
.garden-cert .block-content .child-cert li a .child-cert-img {
  height: 500px;
  border-radius: 20px;
}
.garden-cert .block-content .child-cert li a .child-cert-name {
  height: 40px;
  line-height: 40px;
}
.garden-cert .block-content .child-cert li a .child-cert-name::before {
  display: none;
}

.garden-zw-show {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/s-bg.png");
}
.garden-zw-show .garden-zw-ls li {
  position: relative;
  margin-right: 15px;
  width: 150px;
  height: 598px;
  overflow: hidden;
  -webkit-transition: width .5s;
  transition: width .5s;
}
.garden-zw-show .garden-zw-ls li a .garden-ls-img {
  position: relative;
  width: 700px;
}
.garden-zw-show .garden-zw-ls li a .garden-ls-img::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.garden-zw-show .garden-zw-ls li a .garden-ls-name {
  top: 90%;
  left: 0;
  width: 150px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-family: 'source';
  font-size: 24px;
}
.garden-zw-show .garden-zw-ls li::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 22px;
  background: #224534;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.garden-zw-show .garden-zw-ls li.active {
  width: 700px;
}
.garden-zw-show .garden-zw-ls li.active .garden-ls-img::before {
  display: none;
}
.garden-zw-show .garden-zw-ls li.active .garden-ls-name {
  left: 30px;
  top: 508px;
  width: 180px;
  height: 50px;
  line-height: 50px;
  border: 1px solid white;
  border-radius: 20px;
}
.garden-zw-show .garden-zw-ls li.active::after {
  width: 700px;
}
.garden-zw-show .garden-zw-ls li:hover .garden-ls-img::before {
  display: none;
}
.garden-zw-show .garden-zw-ls li:hover::after {
  width: 700px;
}
.garden-zw-show .garden-zw-ls li:last-child {
  margin-right: 0;
}

.contact {
  padding: 60px 0;
}
.contact .contact-title {
  text-align: center;
  font-family: 'sszhjt';
}
.contact .contact-title h3 {
  font-size: 45px;
  color: #333;
}
.contact .contact-title p {
  margin: 20px 0 30px 0;
  font-size: 20px;
  text-transform: uppercase;
  color: #a7a7a7;
}
.contact .contact-content {
  margin: 0 auto;
  width: 1000px;
}
.contact .contact-content .contact-img {
  position: relative;
  width: 100%;
  height: 318px;
  line-height: 318px;
  border-radius: 20px;
  font-size: 40px;
  color: white;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/c-bg.jpg");
}
.contact .contact-content .contact-img span, .contact .contact-content .contact-img::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}
.contact .contact-content .contact-ls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
  width: 100%;
  color: #333;
  font-size: 16px;
}
.contact .contact-content .contact-ls li i {
  margin-right: 15px;
  color: #224534;
  font-size: 20px;
}
.contact .contact-content .contact-ls li .lab {
  display: inline-block;
  line-height: 25px;
}
.contact .contact-content .contact-ls li .con {
  float: right;
  display: block;
  width: 200px;
  line-height: 25px;
}
.contact .contact-content .contact-ls li a {
  color: #333;
}

.detail {
  padding: 60px 0;
}
.detail .detail-top .detail-title {
  font-size: 30px;
  line-height: 2;
  color: #333;
  text-align: center;
}
.detail .detail-top .detail-date {
  margin-bottom: 30px;
  font-size: 16px;
  color: #999;
  text-align: center;
  font-family: 'din';
}
.detail .detail-mid {
  text-align: center;
}
.detail .detail-mid img {
  margin: 20px auto;
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
}
.detail .detail-mid p {
  font-size: 16px;
  color: #666;
  line-height: 2;
  text-align: left;
}
.detail .detail-bot {
  margin-top: 30px;
}
.detail .detail-bot p {
  line-height: 50px;
  color: #111;
  font-size: 16px;
}
.detail .detail-bot p b {
  font-family: 'din';
}
.detail .detail-bot p i {
  position: relative;
  top: 4px;
  margin: 0 15px;
  font-size: 28px;
  color: #999;
}
.detail .detail-bot p i.active {
  color: #224534;
}
.detail .detail-bot p a {
  color: #111;
}

.detail-yl .block-title {
  margin-bottom: 50px;
}
.detail-yl .detail-info {
  width: 100%;
  height: 520px;
}
.detail-yl .detail-info .detail-info-img {
  float: left;
  width: 620px;
  height: 520px;
  border: 1px solid #999;
}
.detail-yl .detail-info .detail-info-img img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.detail-yl .detail-info .detail-info-des {
  float: right;
  margin-left: 55px;
  padding: 50px 0;
  width: 520px;
}
.detail-yl .detail-info .detail-info-des h4, .detail-yl .detail-info .detail-info-des h5 {
  font-size: 24px;
  color: #333;
  line-height: 2;
}
.detail-yl .detail-info .detail-info-des .detail-info-intro {
  font-size: 16px;
  line-height: 2;
  color: #666;
}
.detail-yl .detail-type {
  padding: 70px 0;
}
.detail-yl .detail-type .detail-type-item h4 {
  width: 140px;
  height: 56px;
  line-height: 56px;
  font-size: 24px;
  text-align: center;
  color: #224534;
  background: #e4e4e4;
}
.detail-yl .detail-type .detail-type-item p {
  margin: 35px 0;
  font-size: 24px;
  color: #333;
}
.news {
  padding-top: 80px;
}

.detail-info {
  padding: 50px 0;
}
.detail-info .detail-title {
  text-align: center;
  font-size: 36px;
  color: #111;
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2;
}
.detail-info .detail-date {
  margin: 10px 0;
  font-size: 16px;
  color: #999;
  line-height: 2;
  text-align: center;
}
.detail-info .detail-des {
  text-align: center;
}
.detail-info .detail-des img {
  margin: 0 auto;
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  margin: 20px auto;
}
.detail-info .detail-des p {
  line-height: 2;
  text-align: left;
  color: #666;
  font-size: 16px;
}

/* channel */
.channel .block-content .channel-left .channel-left-con {
  margin: 10% auto;
  height: auto;
}

.channel .block-content .channel-left .channel-left-con small {
  margin: 30px 0;
}

.channel .block-content .channel-left .channel-left-con .channel-des {
  line-height: 1.3;
  overflow: inherit;
  -webkit-line-clamp: inherit;
  color: #000;
}


.magic .magic-inner {
  position: relative;
  margin: 60px auto;
}
.magic .magic-swiper {
  width: 1100px;
}
.magic .magic-ls li {
  float: left;
  margin-right: 42px;
  width: 268px;
  height: 285px;
  background: #224534;
  overflow: hidden;
}
.magic .magic-ls li a, .magic .magic-ls li img {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.magic .magic-ls li:nth-child(4n) {
  margin-right: 0;
}
.magic .magic-prev,
.magic .magic-next {
  color: #224534;
}

.child-about-intro {
  position: relative;
}

.child-qrcode {
  position: absolute;
  top: 80px;
  right: 0;
  text-align: center;
}
.child-qrcode img {
  display: inline-block;
  width: 65px;
  height: 65px;
}
.child-qrcode span {
  margin-top: 10px;
  display: block;
  font-size: 16px;
  color: #333;
}

.nz-top {
  padding-bottom: 0;
}

.nz-title {
  padding-top: 0;
}

.nz-nav {
  margin-bottom: 30px;
  height: 110px;
  text-align: center;
}
.nz-nav a {
  display: inline-block;
  width: 286px;
  height: 110px;
  line-height: 110px;
  color: #224534;
  background-color: #d8d8d8;
  font-size: 40px;
  text-align: center;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.nz-nav a.active {
  background-color: #224534;
  color: white;
}

.nz-item {
  display: none;
}
.nz-item.active {
  display: block;
}