@charset "utf-8";

.industrial {}
.industrial ul.imgBox {display:flex; justify-content: space-between; }
.industrial li.box {text-align:center;}
.industrial li.box .imgWrap {border-radius:15px; overflow: hidden;}
.industrial li.box .imgWrap img {width:100%; height:100%;}


.industrial .cirWrap .cirUl { position:relative; text-align: center;}
.industrial .cirUl { font-size:0; margin:0 -20px; }
.industrial .cirUl li { width:25%; display:inline-block;  padding:0 35px; margin-bottom:40px; position:relative; text-align:center; }
.industrial .cirUl li p {padding-top:30px; }
.industrial .cirUl li h3 { text-align:center; font-weight:700; padding-top:10px;}
.industrial .cirUl li .thumb{ width:100%; position:relative; height:0; padding-bottom:100%; }
.industrial .cirUl li .img_wap { width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%;border:1px solid #ddd; overflow:hidden;}
.industrial .cirUl li .img_wap:after { content:""; position:absolute; top:0; left:0;  width:100%; height:100%; border-radius:50%; transition: .2s;  border:18px solid transparent; }
.industrial .cirUl li:hover .img_wap:after{ border-color: rgba(255,255,255,.5); } 
.industrial .cirUl li .img_wap img { width:100%; height:100%; object-fit:cover;  }