@charset "utf-8";
/* CSS Document */

/* 产品首页 */
.pro_01 dl{ width:48%; float:left; overflow:hidden; margin-bottom:40px }
.pro_01 dl:nth-child(2n+1){ margin-right:4%}
.pro_01 dl dd{ width:100%; float:left; overflow:hidden; }
.pro_01 dl dd img{ width:100%; float:left; overflow:hidden;transition:all 0.35s}
.pro_01 dl dt{ width:100%; float:left; overflow:hidden; }
.pro_01 dl dt a{ font-size:18px; color:#333; float:left; overflow:hidden; background:#f6f7f9; width:100%;  line-height:30px; text-align:center; padding:25px 20px; box-sizing:border-box; transition:all 0.35s}
.pro_01 dl:hover dt a{ color:#fff; background:#008a7c}
.pro_01 dl:hover img{transform: scale(1.05);}


/* 产品列表页 */
.pro_02{ display:flex;}
.pro_02 dl{ width:100%; float:left; overflow:hidden; border:1px solid rgba(0,138,124,.2); padding:30px; box-sizing:border-box;background-image: linear-gradient(to bottom,rgba(0,138,124,.03) ,#fff);}
.pro_02 dl ul{ width:50%; float:left; overflow:hidden; margin-right:4%;}
.pro_02 dl h5{ width:46%; float:left; overflow:hidden}
.pro_02 dl h5 img{ width:100%; float:left; overflow:hidden}
.pro_02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; color:#008a7c; font-size:25px; margin-bottom:40px; margin-top:30px; font-weight:bold}
.pro_02 dl dd{ width:100%; float:left; overflow:hidden; line-height:30px; color:#333; font-size:16px; margin-bottom:50px }
.pro_02 dl h6{ width:100%; float:left; overflow:hidden}
.pro_02 dl h6 a{ display:block; float:left; overflow:hidden; height:58px; line-height:58px; padding:0 35px; background:#008a7c; color:#fff; font-size:16px; font-weight:normal; border-radius:30px}
.pro_02 dl h6 a img{ margin-right:10px}

.pro_03 li{ width:32%; float:left; overflow:hidden; margin-bottom:30px; margin-right:2%}
.pro_03 li img{ width:100%; float:left; overflow:hidden; cursor: zoom-in; transition: transform 0.3s; margin-bottom:25px}
.pro_03 li:nth-child(3n){ margin-right:0}
.pro_03 li p{ width:100%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:18px; color:#111}

.pro_04 h3{ width:100%; float:left; overflow:hidden; line-height:35px; font-size:22px; color:#333; color:#008a7c; margin-bottom:15px }
.pro_04 ul{  border:1px solid rgba(0,138,124,.2); padding:30px; box-sizing:border-box; width:100%; float:left; overflow:hidden; line-height:30px; font-size:16px; color:#4d4d4d}
.pro_04 ul div,.pro_04 ul p{ margin-bottom:15px}
.pro_04 ul strong{ color:#111; font-size:18px}

/* 缩略图样式 */

.zoom-img:hover {
  transform: scale(1.05);
}

/* 遮罩层 */
.img-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.img-mask.show {
  display: flex;
  opacity: 1;
}

/* 放大图片 */
.big-img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 4px;
}

/* 关闭按钮 */
.close-btn {
  position: absolute;
  top: 30px;
  right: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

@media (max-width:767px){

.fw03 .ty02 dl:nth-child(-n+2){ display:block}


}