.products-main .products { padding-top: 1.2rem; }
.products-main .list { margin-top: -.37rem; }
.products-main .item { position: relative; width: calc((100% - .4rem) / 2);  margin-top: .37rem; background-color: #f1f1f1; overflow: hidden; }
.products-main .item::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 5px; background: #00929a; transition: all .3s; }
.products-main .item .pro-img { align-items: center; justify-content: center; height: 4.14rem; padding: .2rem 0; overflow: hidden; }
.products-main .item .pro-img .img { width: auto; }
.products-main .item .watermark { position: absolute; z-index: 1; top: .4rem; right: -1.15rem; width: 5.22rem; height: 6.13rem; }
.products-main .item .content { position: relative; z-index: 2; padding: 0 .66rem .66rem; }
.products-main .item .content .tit { font-size: .36rem; line-height: 1; color: #00929A; }
.products-main .item .content .txt { margin-top: .1rem; font-size: .18rem; color: #959595; }
.products-main .item .content .to-view { position: relative; width: .7rem; height: .7rem; border: 1px #00929a solid; color: #00929a; }
.products-main .item .content .to-view::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #00b6bc, #0090bc); opacity: 0; transition: all .3s; }
.products-main .item .content .to-view .icon { position: relative; z-index: 10; font-size: .22rem; }
.products-main .item:hover::after { width: 100%; }
.products-main .item:hover .pro-img .img { transform: scale(1.1); }
.products-main .item:hover .content .to-view { color: #fff; }
.products-main .item:hover .content .to-view::after { opacity: 1; }


@media screen and (max-width: 1366px) {
.products-main .item .pro-img .img { width: 80%; height: 90%; }
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 860px) {
  
}

@media screen and (max-width: 768px) {
  .public { width: 80%; }
  .products-main .item { width: 100%; }
  .products-main .item .content .tit { font-size: .45rem; }
  .products-main .item .content .txt { margin-top: 0.2rem; font-size: .3rem; }
  .products-main .item .content .to-view { display: none; }
}