.section-wrap .title {
  width: 95%;
  margin: 0 auto;
  text-align: center;
}
.col-md-3 {
    -ms-flex: 0 0 33.333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}
.section-wrap .title h1,
.section-wrap .title h1 a,
.section-wrap .title h2,
.section-wrap .title h2 a,
.section-wrap .title h3,
.section-wrap .title h3 a,
.section-wrap .title h4,
.section-wrap .title h4 a,
.section-wrap .title h5,
.section-wrap .title h5 a {
  font-size: 36px;
  letter-spacing: 2px;
  color: #000009;
}

.section-wrap .title b {
  display: block;
  margin-bottom: 8px;
  color: var(--color-primary);
  font-size: 17px;
  font-family: var(--font-family);
  letter-spacing: 0;
}

.section-wrap .title p {
  margin-top: 20px;  
  font-size: 20px;
}

.section-wrap {
  padding: 20px 0;
}

.goods-qualitylist {
  margin-top: 40px;
}
.goods-qualitylist .one {
  border-top: 2px solid var(--color-primary);
  margin: 20px 0;padding:10px 0;
  display:flex;align-items: center;
}
.goods-qualitylist .one .icon{
margin-right:15px;
}
.goods-qualitylist .one .two a{color: #000;}

.goods-qualitylist .one .two{}
.goods-qualitylist ul {
  padding: 0 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.goods-qualitylist ul li {
  width: 31%;
}

.goods-qualitylistfour ul li {
  width: 24%;
}

.goods-qualitylistoth ul li {
  width: 48%;
}

.goods-qualitylist ul li .pic{
  display: block;
  overflow: hidden;position:relative;height:0;padding-top:75%;box-shadow: 0 0 10px rgba(63,62,62,0.1);
}
.goods-qualitylist ul li .pic > img{width:99%;position: absolute;right:0;bottom:0;}
.goods-qualitylist ul li .pic .txt{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(0);transition:all 0.5s;}
.goods-qualitylist ul li .pic .txt img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;object-position:center;-o-object-position:center;}

.goods-qualitylist ul li .pic .t{position:absolute;z-index:30;left:0;top:-15px;right:0;bottom:0;padding:30px;display:flex;flex-direction:column;justify-content:space-between;}
.goods-qualitylist ul li .pic .t h5{font-size:20px;font-weight:600;color:#333;}
.goods-qualitylist ul li .pic .t p{font-size:16px;line-height:24px;color:#666;display:none;}  
.goods-qualitylist ul li .pic .t span{margin:25px 0 0;display:inline-block;font-size:17px;font-weight:600;color:var(--color-primary);}

.goods-qualitylist ul li .pic:hover .txt{opacity:1;transform:scale(1);}

.goods-qualitylist ul li .pic:hover .t h5{color:#fff;display:none;}
.goods-qualitylist ul li .pic:hover .t p{color:#fff;display:block;font-weight:700}
.goods-qualitylist ul li .pic:hover .t span{color:#fff;display:none;}

.goods-qualitylist ul li h3  {
  
  text-align: left;
  margin: 0px 0 10px  0;
}


.goods-qualitylist ul li h3 a {
  font-size: 20px;
  font-family: var(--font-family);
  color: #000009;
}



.goods-qualitylist ul li h3 a:hover {
  color: var(--color-primary);
}


@media screen and (max-width: 1280px) {
  .section-wrap {
    padding: 60px 0;
  }
}

@media screen and (max-width: 960px) {
  .section-wrap {
    padding: 40px 0;
  }

  .goods-qualitylist {
    margin-top: 0;
  }

  .goods-qualitylist ul,
  .goods-list .container,
  .product-detail .container {
    flex-wrap: wrap;
  }

  .goods-qualitylist ul li {
    width: 100% !important;
    margin-top: 30px;
    flex: auto !important;
    max-width: 100% !important;
  }

  .goods-qualitylist ul li p {
    margin-top: 20px;
  }
}


@media screen and (max-width:550px){
  .goods-qualitylist ul li .pic .t p{
    display: none;
  }
  .section-wrap .title h1, .section-wrap .title h1 a, .section-wrap .title h2, .section-wrap .title h2 a, .section-wrap .title h3, .section-wrap .title h3 a, .section-wrap .title h4, .section-wrap .title h4 a, .section-wrap .title h5, .section-wrap .title h5 a{
    font-size: 24px !important;
  }
  .section-wrap .title p{
    font-size: 12px !important;
  }
  .goods-qualitylist ul{
    padding: 0 !important;
  }
  .goods-qualitylist ul li h3 a{
    font-size: 16px;
  }
  
}