@media screen and (max-width: 640px) {
  .news-list .news-item {
    display: flex;
  }
  .news-list .news-item .nl {
    width: 200px !important;
    margin-right: 20px;
    flex-shrink: 0;
    flex: 1 1 auto;
  }
  .news-list .news-item .nr .title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .news-list .news-item .nr .n-info {
    display: flex;
    color: #9CA3AF;
    margin: 10px 0px;
  }
  .news-list .news-item .nr .n-jianjie {
    text-align: justify;
  }
}

.main-nav {
  display: flex;
  align-self: auto;
  flex-grow: 1;
  justify-content: end;
  padding-left: 1rem;
  align-items: center;
}

.main-nav .nav-item {
  background: url("../images/down.png") no-repeat;
  background-position: 95% center;
  box-sizing: border-box;
  position: relative;
  text-align: center;
}

.main-nav .nav-item > a {
  font-weight: 700;
}

.main-nav .nav-item:hover {
  box-sizing: border-box;
  background: url("../images/up.png") no-repeat #fff;
  background-position: 95% center;
  border: 1px solid #DCDDDD;
}

.main-nav .nav-item:hover .child-box {
  visibility: visible;
}

.main-nav .nav-item .active {
  color: #0091FF;
  border-bottom: 3px solid #0091FF;
}

.main-nav .nav-item .child-box {
  position: absolute;
  background: white;
  visibility: hidden;
  border: 1px solid #DCDDDD;
  border-top: none;
  white-space: nowrap;
  left: 50%;
  top: 98%;
  transform: translateX(-50%);
  z-index: 100;
}

.main-nav .nav-item .child-box li {
  flex-grow: 1;
  text-align: center;
}

.main-nav .nav-item .child-box li:hover {
  background: #32C5FF;
  color: #FFFEFF;
}

.main-nav .no-nav-icon {
  background: none;
}

.main-nav .no-nav-icon:hover {
  background-image: none;
}

.mySwiper .swiper .swiper-wrapper .swiper-slide {
  margin-right: 0px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
}

.mySwiper .swiper-button-next::after,
.mySwiper .swiper-button-prev::after {
  display: none;
}

.custom-swiper-box1 {
  position: relative;
}

.custom-swiper-box1 .custom-swiper-button-next,
.custom-swiper-box1 .custom-swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}

.custom-swiper-box1 .custom-swiper-button-next::after,
.custom-swiper-box1 .custom-swiper-button-prev::after {
  display: none;
}

.custom-swiper-box1 .custom-swiper-button-next {
  right: 10px;
}

.custom-swiper-box1 .custom-swiper-button-prev {
  left: 10px;
}

.moblie-child-box > li .box > ul > li {
  text-indent: 40px;
  padding: 3px 0px;
}

.moblie-child-box > li .box > ul > li > a {
  color: #fff;
}

.moblie-child-box > li > a {
  display: block;
  padding: 10px 20px;
  color: #fff;
}

.moblie-child-box > li > a:hover {
  background: #2BA3D4;
}

.moblie-child-box > li > a.icon {
  background: url("../images/right3.png") no-repeat center right;
  background-position-x: 92%;
}

.moblie-child-box > li.active {
  background: #2BA3D4;
}

.znav > li > a:hover {
  color: #2BA3D4;
}

.page-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.page-nav > li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
}

.page-nav > li > a {
  display: block;
  padding: 5px 20px;
}

.page-nav > li > a:hover {
  color: #2BA3D4;
}

.page-nav > li > a.active {
  color: #fff;
  background: #2BA3D4;
  border: 1px solid #fff;
  border-radius: 1000px;
}

.custom-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-pagination > li {
  border: 1px solid #60A5FA;
  padding: 4px 12px;
  color: #60A5FA;
  text-align: center;
  margin: 0px 5px;
  flex-shrink: 0;
}

.custom-pagination > li .go-page {
  width: 40px;
  border-right: 1px solid #60A5FA;
  margin-right: 4px;
  padding: 0px 5px;
  border: none;
  border: 1px solid #B6B9BC;
}

.custom-pagination > li .go-btn {
  cursor: pointer;
}

.custom-pagination > li.active {
  background: #60A5FA;
  color: #fff;
}

.news-imgbox img {
  width: 300px;
}

@media screen and (min-width: 640px) {
  .pc-header {
    position: sticky;
    top: 0;
    z-index: 10000;
    background: #fff;
  }
  .news-cover {
    width: 300px !important;
    height: 225px !important;
  }
}

@media screen and (max-width: 640px) {
  .news-cover {
    width: 300px !important;
    height: 225px !important;
  }
}