.list-blog a {
  color: #212121;
  text-decoration: none;
  box-sizing: border-box;
} /* 重置链接a标签 */

.list-blog table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
} /* 重置table属性 */
.list-blog img {
  vertical-align: middle;
  -webkit-transition: 1s all;
  -moz-transition: 1s all;
  -ms-transition: 1s all;
  transition: 1s all;
} /* 图片在当前行内的垂直位置 */
.list-blog a {
  outline: none;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
  transition: 0.3s all;
}

/*清除浮动*/
.list-blog .clearfix {
  overflow: hidden;
  clear: both;
}
.list-blog h1,
.list-blog h2,
.list-blog h3,
.list-blog h4,
.list-blog h5,
.list-blog h6 {
  color: #000009;
  font-weight: normal;
  font-family: 'ubuntubold';
}
.list-blog p {
  font-size: 17px;
  font-family: 'Montserrat-Regular';
  color: #666;
  line-height: 32px;
}
.list-blog .float-left {
  float: left;
}
.list-blog .float-right {
  float: right;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-200px, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.list-blog .fadeInLeft {
  animation-name: fadeInLeft
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(200px, 0, 0)
  }
  to {
    opacity: 1;
    transform: none
  }
}
.list-blog .fadeInRight {
  animation-name: fadeInRight
}
.list-blog .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@keyframes bounce-down {
  25% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounce-down2 {
  25% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes scale2 {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale1 {
  from {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
}

.list-blog .padding-top {
  padding-top: 100px;
}
.list-blog .padding {
  padding: 100px 0;
}
.list-blog .margin-top {
  margin-top: 100px;
}

.list-blog .container {
  width: 1400px;
  margin: 0 auto;
}

.page {
  margin-top: 40px;
  text-align: center
}

#pagesize {
  display: inline-block
}

#pagesize ul li {
  display: inline-block;
  vertical-align: top
}

#pagesize a {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 6px;
  font-size: 15px;
  border-radius: 3px;
  color: #999;
  line-height: 28px
}

#pagesize a:hover,
#pagesize a.active {
  background: #e93e25;
  color: #fff
}

#pagesize ul li a.disabled {
  color: #000;
  background: #fff
}

#pagesize ul li i {
  font-size: 22px
}

#pagesize ul li:first-child a,
#pagesize ul li:last-child a {
  display: inline-block;
  width: 11px;
  height: 28px;
  font-size: 0
}

#pagesize ul li:first-child a {
  margin-right: 52px;
  background: url('../images/jt01.png') no-repeat center
}

#pagesize ul li:first-child a.disabled:hover {
  background: url('../images/jt01.png') no-repeat center;
  cursor: default
}

#pagesize ul li:last-child a {
  margin-left: 52px;
  background: url('../images/jt02.png') no-repeat center
}

#pagesize ul li:last-child a.disabled:hover {
  background: url('../images/jt02.png') no-repeat center;
  cursor: default
}

#pagesize ul li:first-child a:hover {
  background: url('../images/jt01s.png') no-repeat center
}

#pagesize ul li:last-child a:hover {
  background: url('../images/jt02s.png') no-repeat center
}

.list-blog {
  margin-top: 60px;
  margin-bottom: 90px
}

.list-blog .blogcon {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0
}

.blogfl {
  width: 48.2%;
  padding-bottom: 25px;
  border-bottom: 2px solid #eee;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  transition: 0.5s all;
}

.blogfl a,
.blogfr li a {
  display: block;
  overflow: hidden
}

.blogfl a img,
.blogfr li a img {
  width: 100%;
  padding: 2px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.blogfl:hover a img,
.blogfr li:hover a img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
}

.blogfl span,
.blogfr li span {
  display: block;
  margin: 25px 0 10px;
  font-size: 14px;
  color: #999
}

.blogfl:hover {
  border-bottom: 2px solid #e93e25
}

.blogfl h3,
.blogfr li h3 {
  font-size: 22px;
  color: #212121
}

.blogfl h3 a:hover,
.blogfr li h3 a:hover {
  color: #e93e25
}

.blogfl p {
  margin-top: 15px;
  font-size: 16px
}

.list-blog .blogfl {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 32%;
  margin-top: 40px;
  padding: 0;
  border: 1px solid #f5f5f5;
}

.list-blog .blogfl {
  margin-left: 2%;
}

.list-blog .blogfl:nth-child(3n + 1) {
  margin-left: 0;
}

.list-blog .blogfl:hover {
  transform: translate(0, -15px);
  -webkit-transform: translate(0, -6px);
  -moz-transform: translate(0, -6px);
  -ms-transform: translate(0, -6px);
  -o-transform: translate(0, -6px)
}

.list-blog .blogfl h3 {
  font-size: 18px;
  font-family: montserrat-medium;
  line-height: 34px
}

.p-href a {
  display: inline-block;
  font-size: 16px;
  color: var(--btn-bg);
  line-height: 30px;
  font-size: 16px;
  font-weight: 500;
  opacity: .8;
  border-bottom: 1px solid transparent;
}

.p-href a i {
  font-weight: bold;
}

.p-href a:hover {
  color: var(--btn-bg-hover);
  border-bottom: 1px solid #f49e92;
  opacity: 1
}

.blog-wen {
  position: relative;
  flex: 1;
  padding: 0 30px 70px;
  overflow: hidden;
  background: #f5f5f5;
}

.blog-wen h3 a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-wen p {
  font-size: 15px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.blog-wen .p-href {
  position: absolute;
  left: 30px;
  bottom: 5px;
}

.list-blog .page {
  margin-top: 15px
}

@media screen and (max-width: 1580px) {
  .list-blog .container {
    width: 82%
  }

 
  .list-blog p {
    line-height: 26px
  }
}

@media screen and (max-width: 1280px) {
  .list-blog .padding-top {
    padding-top: 60px
  }

  .list-blog .padding {
    padding: 60px 0
  }

  .list-blog .margin-top {
    margin-top: 60px
  }

  .list-blog {
    margin-top: 20px
  }
}

@media screen and (max-width: 960px) {
  .list-blog .container {
    width: 88%
  }

  .list-blog .padding-top {
    padding-top: 40px
  }

  .list-blog .padding {
    padding: 40px 0
  }

  .list-blog .margin-top {
    margin-top: 40px
  }
  .list-blog p {
    font-size: 15px;
    line-height: 24px
  }

  #pagesize a {
    margin: 0 1px
  }

  #pagesize ul li:first-child a {
    margin-right: 10px
  }

  #pagesize ul li:last-child a {
    margin-left: 10px
  }

  .p-href {
    margin-top: 30px
  }
}


@media screen and (max-width: 768px){
.list-blog .blogfl {
    width: 46%;
}
}
@media screen and (max-width: 480px){
.list-blog .blogfl {
    width: 100%;
}
}