.body_bg {
  background: url(../images/body_bg.png) no-repeat top center;
  padding-bottom: 80px;
}

.hq_logo {
  padding-top: 30px;
  width: 300px;
}

.hq_logo img {
  width: 100%;
}

.hq_container {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.text {
  margin: 20px auto;
  width: 79%;
}

.ywdt {
  margin-top: 100px;
}

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

.lbt {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.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;
}

.mySwiper a img {
  height: 363px;
  object-fit: cover;
  width: 100%;
  display: block;
}

.lbt_left {
  width: 48.9%;
}

.lbt_right {
  width: 48.9%;
}

.tit {
  position: absolute;
  height: 54px;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  font-size: 18px;
  line-height: 54px;
  color: rgba(255, 255, 255, 1);
  padding-left: 30px;
  padding-right: 200px;
  box-sizing: border-box;
}

/* 单行省略号 */
.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;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 19px;
  left: 83%;
  width: 100px;
}

.swiper-pagination {
  text-align: right;
}

.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.6);
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
}

.list li {
  display: flex;
  position: relative;
  padding-left: 20px;
  justify-content: space-between;
  border-bottom: 1px dashed rgba(204, 204, 204, 1);
  padding-bottom: 15px;
  margin-top: 15px;
}

.list li:first-child {
  margin-top: 0;
}

.list li a {
  width: 82%;
  font-size: 1.125rem;
  /* line-height: 56px; */
  color: rgba(56, 56, 56, 1);
}

.list li::before {
  content: "";
  width: 4px;
  height: 4px;
  background: rgba(204, 204, 204, 1);
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
}

.time {
  font-size: 1.125rem;
  color: rgba(166, 166, 166, 1);
}

.list li:hover a,
.list li:hover .time {
  color: rgba(14, 100, 204, 1);
}

.list li:hover::before {
  background: rgba(14, 100, 204, 1);
}

.zcwj {
  margin-top: 50px;
}

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

.zcwj_nr {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 33px;
}

.cggfxz {
  margin-top: 50px;
}

.cggfxz_title a {
  display: block;
  height: 53px;
  background: url(../images/cggfxx.png) no-repeat center;
}

.cgxxgg {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}

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

.cgxx_left {
  width: 17.9%;
}

.cgxx_left li {
  height: 100px;
  line-height: 100px;
  box-shadow: 0px 0px 10px rgba(0, 97, 176, 0.4);
  margin-top: 34px;
}

li.hover a {
  color: #fff !important;
}

.cgxx_left li:nth-child(1) {
  margin-top: 0;
}

.cgxx_left .li0 {
  background: url(../images/icon1.png) no-repeat right 20px center
    rgba(235, 244, 255, 1);
}

.cgxx_left .li0.hover {
  background: url(../images/icon1hv.png) no-repeat right 20px center
    rgba(68, 146, 242, 1);
}

.cgxx_left .li1 {
  background: url(../images/icon2.png) no-repeat right 20px center
    rgba(235, 244, 255, 1);
}

.cgxx_left .li1.hover {
  background: url(../images/icon2hv.png) no-repeat right 20px center
    rgba(68, 146, 242, 1);
}

.cgxx_left .li2 {
  background: url(../images/icon3.png) no-repeat right 20px center
    rgba(235, 244, 255, 1);
}

.cgxx_left .li2.hover {
  background: url(../images/icon3hv.png) no-repeat right 20px center
    rgba(68, 146, 242, 1);
}

.cgxx_left .li3 {
  background: url(../images/icon4.png) no-repeat right 20px center
    rgba(235, 244, 255, 1);
}

.cgxx_left .li3.hover {
  background: url(../images/icon4hv.png) no-repeat right 20px center
    rgba(68, 146, 242, 1);
}

.cgxx_left li a {
  font-size: 24px;
  font-weight: 700;
  padding: 0 30px;
  box-sizing: border-box;
  line-height: 31.68px;
  color: rgba(92, 157, 249, 1);
}

.cgxx_right {
  width: 80%;
  background: rgba(235, 244, 255, 1);
  padding: 25px 22px 25px 30px;
  box-sizing: border-box;
}

.cxgx_mian {
  overflow-y: scroll;
  height: 452px;
}

.cxgx_mian::-webkit-scrollbar {
  width: 6px;
}

.cxgx_mian::-webkit-scrollbar-track {
  background: rgba(192, 219, 252, 1);
  border-radius: 6px;
}

.cxgx_mian::-webkit-scrollbar-thumb {
  background: rgba(26, 80, 161, 1);
  border-radius: 6px;
}

.zcwj_nr img {
  width: 100%;
}

.cgxxgg img {
  width: 100%;
}

.cxgx_mian::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}

.swiper-slide a {
  width: 100%;
}

@media (max-width: 1500px) {
  .hq_container {
    width: 1200px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets {
    left: 80%;
  }
}

@media (max-width: 1200px) {
  .hq_container {
    width: 997px;
  }

  .text img {
    width: 100%;
  }

  .lbt_left {
    width: 100%;
  }

  .lbt_right {
    width: 100%;
    margin-top: 30px;
  }

  .mySwiper a img {
    height: 530px;
  }

  .zcwj_nr {
    margin-top: 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .cgxx_left {
    width: 20.9%;
  }

  .cgxx_right {
    width: 77%;
  }
}

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

  .mySwiper a img {
    height: 400px;
  }

  .cgxx_left {
    width: 24.9%;
  }

  .cgxx_right {
    width: 73%;
  }
}

@media (max-width: 480px) {
  .hq_container {
    padding: 0 10px;
  }

  .text {
    width: 99%;
  }

  .hq_logo {
    margin-left: 20px;
    width: 224px;
  }

  .mySwiper a img {
    height: 200px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets {
    left: 65%;
  }

  .tit {
    padding-right: 99px;
  }

  .list li a {
    width: 62%;
  }

  .zcwj_nr {
    grid-template-columns: repeat(2, 1fr);
  }

  .cgxx_left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .cgxx_left li {
    width: 48%;
  }

  .cgxx_left li:nth-child(1) {
    margin-top: 34px;
  }

  .cgxxgg {
    margin-top: 30px;
    margin-bottom: 0px;
  }

  .cgxx {
    flex-wrap: wrap;
  }

  .cgxx_left li a {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 12px;
  }

  .cgxx_right {
    width: 100%;
    margin-top: 30px;
  }
}