.logo {
  width: 300px;
}

.logo img {
  width: 100%;
  margin-top: 20px;
}

.text {
  width: 90%;
  margin: 0 auto;
}

.text img {
  width: 100%;
}

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

.qgxh_title a {
  display: block;
  height: 148px;
  background: url(../images/qgxhyc_title.png) no-repeat center;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 5px;
  box-sizing: border-box;
}

.swiper-slide {
  text-align: center;
}

.qgxh .swiper-slide img {
  height: 214px;
  width: 100%;
  display: block;
}

.qgxh {
  position: relative;
  margin-top: 40px;
}

.qgxh .swiper-slide span {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 20px rgba(199, 102, 58, 0.2);
  font-size: 20px;
  line-height: 26.4px;
  color: rgba(51, 51, 51, 1);
  padding: 18px 33px;
}

.swiper-button-next {
  width: 60px;
  height: 60px;
  background: url(../images/arrow.png) no-repeat;
  right: -80px;
  transform: rotate(180deg);
  top: 62%;
}

.swiper-button-prev {
  width: 60px;
  height: 60px;
  top: 62%;
  background: url(../images/arrow.png) no-repeat;
  left: -80px;
}

.yfx {
  width: 100%;
  margin-top: 60px;
}

    .yfx a {
            display: block;
        }

        .yfx a img {
            width: 100%;
        }

.tjzc {
  margin-top: 60px;
}

.tjzc ul {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 99;
}

.tjzc ul li {
  background: url(../images/li_bg.png) no-repeat center center / 100% 100%;
  width: 33.3%;
  height: 105px;
  font-size: 24px;
  line-height: 28.8px;
  padding: 20px 59px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

.tjzc ul li.active {
  background: url(../images/li_bghv.png) no-repeat center center / 100% 100%;
}

.tjzc ul li.active::after {
  content: "";
  display: block;
  position: absolute;
  width: 147px;
  height: 7px;
  border-radius: 20px;
  background: rgba(209, 66, 0, 1);
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
}

.tjzc ul li a {
  color: rgba(255, 255, 255, 1);
}

/* 工作进展 */
.gzjz-box {
  width: 100%;
  background-size: 100% 100%;
  margin-top: -150px;
  overflow: hidden;
}

.gzjz-box .tw-list {
  width: 100%;
  position: relative;
}

.gzjz-box .tw-list .tw-item {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  height: 260px;
  background-color: #fff;
  box-shadow: 5px 5px 5px rgb(235, 243, 239);
  padding: 36px 20px;
}

.gzjz-box .tw-list .tw-item:not(:last-child) {
  margin-right: 20px;
}

.gzjz-box .gzjz-swiper {
  width: 130%;
  height: 600px;
  position: relative;
  margin-top: 206px;
  margin-left: -15%;
}

.gzjz-box .gzjz-swiper .swiper-container {
  width: 100%;
  height: 100%;
}

.gzjz-box .gzjz-swiper .swiper-container .swiper-wrapper {
  width: 100%;
  height: 600px;
}

.gzjz-box .gzjz-swiper .swiper-container .swiper-slide {
  width: 370px;
  height: 100%;
}

.gzjz-box .gzjz-swiper .swiper-container .swiper-wrapper .swi-img {
  width: 370px;
  height: 100%;
}

.gzjz-box .gzjz-swiper .swiper-container .swiper-wrapper .swi-img img {
  width: 100%;
  height: 100%;

}

.gzjz-box .gzjz-swiper .swiper-container .swiper-pagination {
  bottom: 0;
}

/* 工作进展 swiper */
.swi_list {
  position: relative;
}

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

.zcmbk {
  margin-top: 40px;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 30px;
  color: rgba(51, 51, 51, 1);
}

.zcmbk ul {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.zcmbk ul li {
  height: 77px;
  margin-right: 100px;
  opacity: 1;
  border-radius: 30px 0px 30px 0px;
  background: linear-gradient(
    180deg,
    rgba(227, 136, 90, 1) 0%,
    rgba(253, 202, 149, 1) 100%
  );
  width: 410px;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 28.8px;
  text-align: center;
  line-height: 77px;
}

.zcmbk ul li.active {
  background: linear-gradient(
    0deg,
    rgba(220, 101, 42, 1) 0%,
    rgba(253, 175, 99, 1) 100%
  );
  border: 3px solid rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 10px rgba(255, 156, 110, 1);
}

.zcmbk ul li a {
  color: rgba(255, 255, 255, 1);
  display: block;
}

.zcmbk ul li:last-child {
  margin-right: 0;
}

.zcmblist {
  padding: 40px;
  margin-top: 48px;
  box-shadow: 0px 0px 20px rgba(199, 102, 58, 0.25);
  display: flex;
  justify-content: space-between;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  height: 458px;
 overflow-y: scroll; 
  position: relative;
  box-sizing: border-box;
}

.zcmblist::before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 458px;
  opacity: 1;
  background: linear-gradient(
    127.21deg,
    rgba(250, 169, 95, 1) 0%,
    rgba(223, 107, 46, 1) 100%
  );
  filter: blur(0px);
  top: 0;
  left: 0;
}

.zcmb_left {
  width: 100%;
  
  box-sizing: border-box;

}

.zcmb_right {
  width: 50%;
  padding-left: 40px;
  box-sizing: border-box;
}

.tit {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;

  color: rgba(239, 143, 74, 1);
}

.tit img {
  margin-right: 10px;
  vertical-align: middle;
}

.zcwd_title a{
  display: block;
  height: 148px;
  background: url(../images/rdwd_title.png) no-repeat center;
  margin-top: 30px;
}

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

.zcwdlist li {
  width: 48%;
  box-shadow: 0px 0px 20px rgba(199, 102, 58, 0.25);
  margin-top: 40px;
}

.litie {
  background: url(../images/bg01.png) no-repeat right;
}

.zcwdlist li:nth-child(2) .litie {
  background: url(../images/bg02.png) no-repeat right;
}

.zcwdlist li:nth-child(3) .litie {
  background: url(../images/bg03.png) no-repeat right;
}

.zcwdlist li:nth-child(4) .litie {
  background: url(../images/bg04.png) no-repeat right;
}

.litie a {
  height: 81px;
  display: block;
  font-size: 22px;
  font-weight: 700;
  line-height: 81px;
  color: rgba(51, 51, 51, 1);
  padding-left: 40px;
  box-sizing: border-box;
  width: 80%;
}

.nr {
  height: 201px;
  padding: 40px;
  font-size: 18px;
  line-height: 30px;
  color: rgba(51, 51, 51, 1);
  background: url(../images/wdbg.png) no-repeat center;
  box-sizing: border-box;
}

.nr p {
  -webkit-line-clamp: 3;
}

.ckgd a {
  margin: 15px auto 0;
  text-align: center;
  width: 178px;
  display: block;
  color: rgba(255, 255, 255, 1);
  height: 39px;
  line-height: 39px;
  border-radius: 20px;
  background: linear-gradient(
    180deg,
    rgba(250, 167, 93, 1) 0.93%,
    rgba(225, 112, 50, 1) 100%
  );
}

.rc {
  display: flex;
  justify-content: space-between;

  opacity: 1;
  border-radius: 7.58px;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 20px rgba(199, 102, 58, 0.25);
  margin-top: 70px;
  padding: 0px 10px 20px 100px;
}

.img1 {
  width: 160px;
  height: 198px;
  margin-top: 30px;
}

.img2 {
  width: 216px;
  height: 198px;
  margin-top: 30px;
}

.img3 {
  width: 216px;
  margin-top: 30px;
  height: 198px;
}

.img4 {
  margin-top: 5px;
  width: 353px;
  height: 235px;
}

.spj {
  margin-top: 30px;
  margin-bottom: 120px;
  position: relative;
}

.spj_title a {
  display: block;
  height: 148px;
  position: relative;
  z-index: 99;
  background: url(../images/spj_title.png) no-repeat center;
}

.gzjz-box .gzjz-swiper1 {
  width: 130%;
  height: 500px;
  position: relative;
  margin-top: 206px;
  margin-left: -15%;
}

.gzjz-box .gzjz-swiper1 .swiper-container1 {
  width: 100%;
  height: 100%;
}

.gzjz-box .gzjz-swiper1 .swiper-container1 .swiper-wrapper {
  width: 100%;
  height: 500px;
}

.gzjz-box .gzjz-swiper1 .swiper-container1 .swiper-slide {
  width: 922px;
  height: 100%;
}

.gzjz-box .gzjz-swiper1 .swiper-container1 .swiper-wrapper .swi-img {
  width: 922px;
  height: 100%;
}

.gzjz-box .gzjz-swiper1 .swiper-container1 .swiper-wrapper .swi-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gzjz-box1 {
  margin-top: -180px;
}

@media (max-width: 1600px) {
  .swiper-button-prev {
    left: 5px;
  }

  .swiper-button-next {
    right: 5px;
  }
}

@media (max-width: 1480px) {
  .swiper-button-prev {
    left: -80px;
  }

  .swiper-button-next {
    right: -80px;
  }

  .qgxh {
    margin-top: 80px;
  }
}

@media (max-width: 1280px) {
  .swiper-button-prev {
    left: 5px;
  }

  .rc {
    flex-wrap: wrap;
  }

  .swiper-button-next {
    right: 5px;
  }

  .qgxh .swiper-slide img {
    height: 267px;
  }

}

@media (max-width: 768px) {
  .qgxh .swiper-slide img {
    height: 352px;
  }

  .tjzc ul {
    flex-wrap: wrap;
  }

  .tjzc ul li {
    margin-top: 20px;
    width: 100%;
  }

  .gzjz-box .gzjz-swiper .swiper-container .swiper-wrapper .swi-img {
    width: 100%;
  }

  .gzjz-box .gzjz-swiper {
    height: auto;
  }

  .gzjz-box .gzjz-swiper .swiper-container .swiper-wrapper {
    height: auto;
  }

  .zcwdlist li {
    width: 100%;
  }

  .litie {
    background-size: 100% 100% !important;
  }

  .zcmblist {
    flex-wrap: wrap;
  }

  .zcmb_left {
    width: 100%;
  }

  .zcmb_right {
    width: 100%;
  }
}

@media (max-width: 1480px) {
  .gzjz-box .gzjz-swiper {
    width: 120%;
    margin-left: -10%;
  }

  .gzjz-box .gzjz-swiper1 {
    width: 120%;
    margin-left: -10%;
  }
}

@media (max-width: 1200px) {
  .gzjz-box .gzjz-swiper {
    width: 100%;
    margin-left: 0;
  }

  .gzjz-box .gzjz-swiper1 {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 431px) {
  .qgxh .swiper-slide img {
    height: 214px;
  }

  .gzjz-box .gzjz-swiper .swiper-container .swiper-slide {
    width: 100%;
  }

  .gzjz-box .gzjz-swiper .swiper-container .swiper-wrapper .swi-img {
    width: 100%;
  }

  .zcmbk ul {
    flex-wrap: wrap;
  }

  .zcmbk ul li {
    margin-right: 0;
    width: 100%;
    font-size: 24px;
    margin-top: 30px;
  }

  .zcmb_left {
    padding-right: 0px;
    border-right: 0;
  }

  .zcmb_right {
    padding-left: 0px;
  }

  .rc {
    justify-content: center;
    padding: 0px 10px 20px 10px;
  }

  .gzjz-box .gzjz-swiper1 .swiper-container1 .swiper-wrapper .swi-img {
    width: 100%;
    height: 100%;
  }

  .gzjz-box .gzjz-swiper1 {
    width: 130%;
    height: 200px;
  }

  .gzjz-box .gzjz-swiper1 .swiper-container1 .swiper-wrapper {
    width: 100%;
    height: 200px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: cover;
  }
}