.body_bg {
  background: url(../images/body_bg.png) no-repeat top center,
    url(../images/bottom_bg.png) no-repeat bottom center;
  overflow: hidden;
  padding-bottom: 220px;
}

.logo {
  margin-top: 26px;
  width: 400px;
}

.logo img {
  width: 100%;
}

.text {
  width: 88%;
  margin: 50px auto;
}

.text img {
  width: 100%;
}

.hhzn {
  margin-top: 150px;
}

.hhzn_title {
  height: 87px;
  background: url(../images/jh_title.png) no-repeat center;
}

.hhzn_nr {
  margin-top: 40px;
  padding: 33px 48px 30px 286px;
  box-sizing: border-box;
  background: url(../images/hhzn_bg.png) no-repeat center;
  background-size: cover;
  font-size: 18px;
  text-indent: 2em;
  line-height: 40px;
  color: rgba(0, 0, 0, 1);
}

.dbdqjj {
  padding-bottom: 57px;
  background: url(../images/dbdqjj_bg.png) no-repeat bottom center;
}

.dbdqjj_title {
  height: 87px;
  background: url(../images/dbdq_title.png) no-repeat center;
  margin-top: 99px;
}

.dbdqjj_nr {
  background: url(../images/jj_bg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  margin-top: 40px;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 77px 48px 81px 65px;
}

.nr_left {
  width: 61%;
}

.nr_left img {
  width: 100%;
  height: 445px;
}

.nr_right {
  width: 37%;
  text-indent: 2em;
  font-size: 18px;
  line-height: 40px;
  color: rgba(56, 56, 56, 1);
}

.nr_right a {
  color: rgba(212, 48, 48, 1);
}

.yhjwhg {
  padding-top: 75px;
  background: url(../images/jwhg_bg.png) no-repeat bottom center;
  height: 1183px;
  position: relative;
}

.yhjwhg_title {
  height: 90px;
  background: url(../images/yhjwhg_title.png) no-repeat center;
}

.sj {
  background: url(../images/lef_bg.png) no-repeat top center;
  padding: 37px 56px 12px 52px;
  width: 33.5%;
  margin-top: 95px;
}

.jwls_top {
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  color: rgba(64, 153, 100, 1);
}

.jwls_top img {
  vertical-align: middle;
  margin-right: 5px;
}

.jwls p {
  font-size: 20px;

  line-height: 40px;
  color: rgba(0, 0, 0, 1);
}

.yhjwhg_nr {
  position: relative;
}

.image1 {
  position: absolute;
  top: -75px;
  left: 43%;
}

.image2 {
  position: absolute;
  top: 145px;
  left: 68%;
}

.image3 {
  position: absolute;
  top: -17px;
  left: 84%;
}

.cirles {
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 50%;
  border: 2px solid rgba(174, 212, 189, 1);
  margin: 0 auto;
}

.lv {
  background: linear-gradient(
    180deg,
    rgba(1, 129, 115, 1) 0%,
    rgba(3, 179, 149, 1) 100%
  );
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.wz {
  font-size: 18px;
  font-weight: 700;
  color: rgba(0, 0, 0, 1);
}

.crile {
  width: 150px;
  text-align: center;
  margin-top: 108px;
  cursor: pointer;
}

.crile1 {
  margin-top: 38px;
  margin-left: 59px;
}

.crile2 {
  margin-top: 76px;
  margin-left: 50px;
}

.crile3 {
  margin-top: 196px;
  margin-left: 50px;
}

.crile4 {
  margin-top: 130px;
  margin-left: 68px;
}

.crile5 {
  margin-top: 283px;
  margin-left: 68px;
}

.crile6 {
  margin-top: 289px;
  margin-left: 55px;
}

.item {
  width: 100%;
  margin-top: 100px;
  display: flex;
  position: absolute;
  top: 470px;
}

.hover .cirles {
  border: 2px solid rgba(230, 172, 172, 1);
}

.hover .cirles .lv {
  background: linear-gradient(
    180deg,
    rgba(255, 87, 51, 1) 0%,
    rgba(212, 48, 48, 1) 99.97%
  );
}

.cjhd_title a {
  display: block;
  background: url(../images/jchd_title.png) no-repeat center;
  height: 90px;
}

.cjhd {
  margin-top: -194px;
  position: relative;
  z-index: 99;
}

.cjhd_nr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.cjhd_nr li {
  width: 49%;
  margin-top: 40px;
  box-shadow: 0px 0px 30px rgba(81, 145, 107, 0.3);
  padding: 18px 23px 0 23px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 40px;
}

.cjhd_nr li a {
  color: rgba(0, 87, 51, 1);
}

.cjhd_nr li img {
  height: 420px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 20px;
}

li {
  list-style: none;
}

/* 单行省略号 */
.elli-s {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

/* 多行省略号 */
.elli-m {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.tit {
  background: url(../images/jchdbbg.png) no-repeat center;
  height: 169px;
  padding: 33px 40px 0 182px;
  box-sizing: border-box;
}

.jchd {
  margin-top: 80px;
  position: relative;
}

.jchd_title a {
  height: 90px;
  display: block;
  background: url(../images/zpjj_title.png) no-repeat center;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;

  margin-top: 40px;
  padding: 0 5px 5px;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide a img {
  height: 253px;
}

.swiper-slide a {
  box-sizing: border-box;
}

.swiper-slide a p {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  height: 80px;
  line-height: 80px;
  box-sizing: border-box;
  padding: 0 30px;
}

.swiper-slide a p .elli-m {
  -webkit-line-clamp: 1;
}

.swiper-button-next {
  width: 36px;
  height: 66px;
  background: url(../images/arrow.png) no-repeat center;
  right: -60px;
}

.swiper-button-prev {
  width: 36px;
  height: 66px;
  background: url(../images/arrow.png) no-repeat center;
  transform: rotate(180deg);
  left: -60px;
}
 //  .cjhd_nr li:first-child {
  //          width: 100%;
//}

     //   .cjhd_nr li:first-child img {
     //       height: 760px;
    //    }
 //.cjhd_nr li:first-child .tit {
   //         background-size: 100%;
   //     }

@media (max-width: 1450px) {
  .main-m {
    width: 1200px;
  }

  .hhzn {
    margin-top: 222px;
  }

  .hhzn_nr {
    background-size: 100% 100%;
  }

  .nr_right {
    font-size: 16px;
    line-height: 30px;
  }

  .sj {
    background-size: 100%;
  }

  .crile {
    margin-top: 86px;
  }

  .crile1 {
    margin-top: 35px;
    margin-left: 11px;
  }

  .crile2 {
    margin-top: 223px;
    margin-left: 0px;
  }

  .crile3 {
    margin-top: 127px;
    margin-left: 50px;
  }

  .crile4 {
    margin-top: 321px;
    margin-left: 68px;
  }

  .crile5 {
    margin-top: 258px;
    margin-left: 68px;
  }

  .crile6 {
    margin-top: 270px;
    margin-left: 55px;
  }
}

@media (max-width: 768px) {
  .main-m {
    width: auto;
  }

  .hhzn_nr {
    padding: 33px 24px 30px 175px;
    font-size: 16px;
    line-height: 31px;
  }

  .dbdqjj_nr {
    flex-wrap: wrap;
  }

  .nr_left {
    width: 100%;
  }

  .nr_left img {
    height: auto;
  }

  .nr_right {
    width: 100%;
    font-size: 18px;
  }

  .cjhd_nr li {
    width: 100%;
  }

  .sj {
    box-sizing: border-box;
    width: 100%;
  }

  .image1 {
    position: static;
    width: 200px;
  }

  .image2 {
    position: static;
    width: 200px;
  }

  .image3 {
    position: static;
    width: 200px;
  }

  .crile1 {
    margin-top: 183px;
  }

  .crile4 {
    margin-top: 274px;
    margin-left: 106px;
  }

  .crile5 {
    margin-top: 284px;
    margin-left: 68px;
  }
}

@media (max-width: 480px) {
  .logo {
    width: 200px;
  }

  .hhzn {
    margin-top: 70px;
  }

  .hhzn_nr {
    background-size: cover;
    padding: 28px 24px 30px 24px;
  }

  .cjhd_nr li img {
    height: 184px;
  }

  .tit {
    padding: 33px 21px 0 21px;
  }

  .swiper-slide a img {
    height: 203px;
  }

  .image1 {
    width: 120px;
  }

  .image2 {
    width: 120px;
  }

  .image3 {
    width: 120px;
  }

  .item {
    position: absolute;
    flex-wrap: wrap;
  }

  .crile {
    width: 90px;
    margin-top: 202px;
  }

  .wz {
    font-size: 14px;
    font-weight: 400;
  }

  .sj {
    padding: 37px 20px 12px 21px;
  }

  .crile1 {
    margin-top: 147px;
    margin-left: -20px;
  }

  .crile.crile2 {
    margin-top: 176px;
  }

  .crile.crile3 {
    margin-top: 129px;
    margin-left: -25px;
  }

  .crile.crile4 {
    margin-left: 59%;
            margin-top: -87px;
  }



  .crile.crile5 {
    margin-left: 70%;
            margin-top: -12px;
  }

  .crile.crile6 {
    margin-top: -57px;
  }

  .swiper-button-next {
    right: 0;
  }

  .swiper-button-prev {
    left: 0;
  }
}