.w338 {
  /* width: 1200px; */
  margin: 0px auto;
}
.site338 {
  height: 50px;
  line-height: 50px;
  width: 100%;
  background: #fff;
  font-size: 12px;
  color: #999999;
}
.site338 a {
  color: #999999;
}
.site338 a:hover {
  color: #38afb5;
}
.wrap338 .menu {
  width: 100%;
  display: inline-block;
}
.wrap338 .menu .item {
  float: left;
  color: #666;
  font-size: 14px;
  line-height: 35px;
  padding: 0 25px;
  display: block;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  border: 1px solid #d5d5d5;
  background: #f0f0f0;
}
.wrap338 .menu .item:hover,
.wrap338 .menu .item.hover {
  color: #fff !important;
  background: #38afb5;
  border-color: #38afb5;
}
.wrap338 {
  padding: 35px 0 50px;
  min-height: 300px;
}
.wrap338 .noinfor {
  color: #de182a;
}
.wrap338 img {
  max-width: 100%;
}
.wrap338 .content {
  margin-top: 20px;
}
.wrap338 .newsPage .item {
  /* height: 193px; */
  border: 1px solid #e5e5e5;
  background: #fff;
  display: block;
  margin-bottom: 35px;
  padding: 20px 30px;

  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 30px;
}
.wrap338 .newsPage .item .img {
  /* width: 260px; */
  /* height: 195px; */
  display: block;
  overflow: hidden;
  transition: all 0.5s;
  object-fit: contain;
}
.wrap338 .newsPage .item h3 {
  font-size: 20px;
  color: #333;
  line-height: 30px;
  /* padding: 30px 0 0; */
  height: 30px;
  overflow: hidden;
  margin-bottom: 8px;
  transition: all 0.5s;
}
.wrap338 .newsPage .item .h3-tit {
  font-size: 20px;
  color: #333;
  line-height: 1.2;
  /* padding: 30px 0 0; */
  /* height: 30px; */
  /* overflow: hidden; */
  margin-bottom: 8px;
  transition: all 0.5s;
  display: flex;
    justify-content: space-between;
  gap: 30px;
}
.wrap338 .newsPage .item .txt {
  color: #999999;
  line-height: 1.5;
  /* height: 72px; */
  text-align: justify;
  overflow: hidden;
  padding: 0px 0px 15px 0px;
}
.wrap338 .newsPage .item .time {
  font-size: 12px;
  display: block;
  line-height: 20px;
  color: #666666;
}
.wrap338 .newsPage .item .dec {
  color: #999;
  /* padding: 0 0 25px; */
}
.wrap338 .newsPage .item .dec .split {
  width: 1px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 35px 0 30px;
  background: #999;
}
.wrap338 .newsPage .item .dec .view s {
  width: 20px;
  height: 12px;
  margin-right: 3px;
  background-position: -116px 0;
}
.wrap338 .newsPage .item.hasimg {
  position: relative;
  /* padding-left: 290px; */
}
.wrap338 .newsPage .item.hasimg .img_box {
  /* position: absolute;
  left: -1px;
  top: -1px; */
}
.wrap338 .newsPage .item:hover {
  background: #f9f9f9;
}
.wrap338 .newsPage .item:hover .img {
  -webkit-filter: brightness(108%);
  filters: brightness(108%);
}
.wrap338 .newsPage .item:hover h3 {
  color: #38afb5;
}
.wrap338 .pga {
  padding: 30px 0;
  width: 100%;
  text-align: center;
  clear: both;
}
.wrap338 .pga a {
  color: #999;
  padding: 0 11px;
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  background: #fff;
  border: 1px solid #c9c9c9;
}
.wrap338 .pga li {
  display: inline-block;
}
.wrap338 .pga a:hover,
.wrap338 .pga li.active a {
  display: inline-block;
  color: #fff !important;
  background: #38afb5;
  border-color: #38afb5;
}

.on1 {
  color: #fff !important;
  background-color: #38afb5 !important;
}
.wrap338 .pga a:first-child,
          .wrap338 .pga a:last-child{
            
            display: inline-block;
            border: 1px solid #ebebeb;
            color: #999;
            width: auto;
            height: 30px;
            line-height: 30px;
            margin: 0 4px;
            overflow: hidden;
          }
.wrap338 .pga a:first-child::before {
  display: block;
  content: "上一页";
}
.wrap338 .pga a:last-child::before {
  display: block;
  content: "下一页";
}