.news-main,.new-main { background: #f1f1f1; }

.news-main .news-list { padding-top: 1.2rem; }
.news-main .list { margin-top: -.3rem; }
.news-main .list .item { width: calc((100% - .6rem) / 3); margin-top: .3rem; margin-right: .2rem;}
.news-main .list .item:nth-child(3n + 3) { margin-right: 0; }
.news-main .list .pic-img { position: relative; padding-bottom: 57.7%; overflow: hidden; }
.news-main .list .pic-img .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s; }
.news-main .list .pic-img .time { position: absolute; bottom: 0; left: 0; padding: .15rem .24rem; font-size: .16rem; font-family: 'DINProMedium'; line-height: 1; color: #fff; background: linear-gradient(to right,#00bfc0, #0092c0); }
.news-main .list .desc { height: 1.02rem; padding: .22rem .45rem; font-size: .18rem; line-height: 1.6; color: #969696; background: #fff; overflow: hidden; }
.news-main .list .item:hover .pic-img .img { transform: scale(1.1); }
.news-main .list .item:hover .desc { color: #0092c0; }

@media screen and (max-width: 1366px) {
.products-main .item .pro-img .img { width: 80%; height: 90%; }
.news-main .list .desc { height: auto; padding: 0.3rem 0.6rem; font-size: .38rem; }
}


@media screen and (max-width: 768px) {
  .public { width: 80%; }
  .news-main .list .item { width: 100%; }
  .news-main .list .pic-img .time { padding: 0.2rem 0.3rem; font-size: .34rem; }
  
}

/* 新闻详情 */
.new-main .new-banner { height: 3.6rem; background: linear-gradient(to right, #00babc, #0091bc); }
.new-main .new-container { padding-bottom: 1rem; margin-top: -2rem; }
.new-main .new-container > div { align-items: flex-start; }
.new-main .new-container .left { flex: 1; min-width: 0; }
.new-main .new-container .left .left-box { padding: .6rem; background: #fff; }
.new-main .new-container .left .top { padding-bottom: .3rem; border-bottom: 1px #e8e8e8 solid; }
.new-main .new-container .left .title { font-size: .3rem; font-weight: normal; color: #011240; }
.new-main .new-container .left .info { margin-top: .3rem; }
.new-main .new-container .left .label { padding: .1rem .14rem; font-size: .14rem; line-height: 1; color: #fff; background: linear-gradient(to right,#00bfc0, #0092c0); }
.new-main .new-container .left .time { margin-left: .17rem; font-size: .14rem; color: #969696; }
.new-main .new-container .left .share-warp { margin-left: auto; font-size: .14rem; color: #666; }
.new-main .new-container .left .share a::before { display: none; }
.new-main .new-container .left .share i { margin-left: .14rem; color: #bebebe; }
.new-main .new-container .left .share i:hover { color: #0092c0; }
.new-main .new-container .left .content { padding-top: .6rem; }
.new-main .new-container .left .content a { text-decoration: underline; color: #00929a; }
.new-main .new-container .left .return-list { display: inline-flex; padding: .2rem .5rem; margin-top: .3rem; font-size: .14rem; line-height: 1; color: #fff; background: linear-gradient(to right,#00bfc0, #0092c0); }
.new-main .new-container .left .return-list i { margin-right: .1rem; font-size: .2rem; }
.next-prev { padding: .3rem .88rem; margin-top: .3rem; background: #fff; }
.new-main .new-container .left .next-prev .item { font-size: .16rem; line-height: 2; color: #666; } 
.new-main .new-container .left .next-prev .item .other-tit { margin-left: .2rem; }
.new-main .new-container .left .next-prev .item .other-tit:hover { color: #00bfc0; }
.new-main .new-container .left .next-prev .item .other-tit.none:hover { cursor: no-drop; color: #666; }

.new-main .new-container .right { width: 3.3rem; padding: .4rem .38rem; margin-top: 2.52rem; margin-left: .2rem; background: #fff; }
.new-main .new-container .right .tit-lab { padding-bottom: .32rem;  border-bottom: 1px #e2e2e2 solid; font-size: .18rem; color: #666; }
.new-main .new-container .right ul li { padding: .25rem 0; border-bottom: 1px #dbdbdb dashed; }
.new-main .new-container .right ul li .pic-img { position: relative; width: 2.54rem; height: 0; padding-bottom: 60%; margin-bottom: .2rem; overflow: hidden; }
.new-main .new-container .right ul li .pic-img .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.new-main .new-container .right ul li .tit { font-size: .16rem; color: #666; }
.new-main .new-container .right ul li .time { margin-top: .16rem; font-size: .14rem; color:#969696; }

.new-main .new-container .right ul li:hover .pic-img .img { transform: scale(1.1); }
.new-main .new-container .right ul li:hover .tit { color: #00929a; }

@media screen and (max-width: 768px) {
  .public { width: 80%; }
  .new-main .new-container .left { width: 100%; }
  .new-main .new-container .left .info { flex-direction: column; align-items: flex-start; }
  .new-main .new-container .left .content img { width: 100%!important; height: auto; }
  .new-main .new-container .left .title { font-size: .6rem; }
  .new-main .new-container .left .time { margin: .2rem 0 .1rem 0; font-size: .3rem; }
  .new-main .new-container .left .share-warp { margin-left: 0; }
  .new-main .new-container .left .share { display: none; }


  .new-main .new-container  > div { flex-direction: column; }
  .new-main .new-container .right { width: 100%; margin-top: 1rem; margin-left: 0; }
  .new-main .new-container .right ul li .pic-img { width: 100%; }
  .new-main .new-container .left .label { padding: 0.2rem 0.3rem; font-size: .3rem; }

  .new-main .new-container .left .next-prev { padding: .3rem .6rem; }
  .new-main .new-container .left .next-prev .item { font-size: .36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .new-main .new-container .left .return-list { padding: 0.3rem 0.6rem; margin-top: .6rem; font-size: .4rem; }
  .new-main .new-container .left .return-list i { font-size: .4rem; }
  
  .new-main .new-container .right .tit-lab { font-size: .4rem; }
  .new-main .new-container .right ul li .tit { font-size: .4rem; }
  .new-main .new-container .right ul li .time { font-size: .34rem; }
}