.banner {
  padding-top: 0.93rem;
  position: relative;
}
.banner img{ width: 100%;}
body{font-family: "微软雅黑";}

#contentBox{width: 100%;height:auto;background: url("../images/product_bg.png") no-repeat;background-size: cover;display: flex;flex-direction:column;justify-content: start;align-items: center;}
.contentTitle{width: 100%;height: 0.32rem;display: flex;flex-direction: row;justify-content: space-between;align-items: start;margin-bottom: 0.64rem;}
.contentTitle h1{font-size: 0.32rem;color: #232323;font-weight: bold;font-family: PF-Regular;margin: 0;padding: 0;}
.contentTitle a{font-size: 0.2rem;color: #B7B7B7;font-family: PF-Medium;}
.goods{width: 13.56rem;height: auto;margin-top: 1.6rem;}
.goods:last-child{margin-top: 1.32rem;}
.goodsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.27rem;
  width: 100%;
  overflow: hidden;
}
.list{
  width: 4.34rem;height: 4.87rem;
}

/*.list:hover {*/
  /*transform: translateY(-0.05rem);*/
/*}*/

.list>a{display: block;background: #FFFFFF;border-radius: 0.1rem;width: 100%;height: 100%;}

.goodsImg{width: 4.34rem;height: 2.68rem;background: url("../images/pimg_bg.png") no-repeat;background-size: cover;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.goodsImg>img{border: none;max-width: 4rem;max-height: 2.5rem;}
.goodsTitle{width: 100%;overflow: hidden;height: 0.85rem;border-bottom: 1px solid #F6F6F6;padding: 0 0.48rem 0 0.48rem;}
.goodsTitle h2{font-size: 0.22rem;font-family: PF-Bold;color: #222222;padding: 0;margin: 0.18rem 0 0.04rem 0;}
.goodsTitle h3{font-size: 0.18rem;font-family: PF-Medium;color: #222222;padding: 0; margin:0;}
.top1{
  margin-top: 0.4rem!important;
}
.goodsIntro{width: 100%;padding: 0.25rem 0.48rem 0.55rem 0.48rem;}
.introList{width: 100%;display: flex;flex-direction: row;justify-content: start;align-items: center;margin-bottom: 0.05rem;}
.introIcon{width: 5px;height: 5px;background: #E9E9E9;margin-right: 5px;}
.introList p{margin:0 !important;font-size: 0.16rem;color: #7C7C7C;font-family: PF-Regular;text-align: left;}




@media only screen and (max-width:991px) {
  .goods{
    width: 100%;
    margin-top: 0.5rem!important;
    height: auto;
  }
  #contentBox{
    height: auto;
  }
  

	.goodsList {
		justify-content: center;
		padding: 0 .2rem;
	}

	.goodsList .list {
		width: 100%;
	}

	.goodsList .list .goodsImg {
		width: 100%;
	}
	.contentTitle{
		padding: 0 .2rem;
    margin-bottom: 0.34rem;
	}
  .contentTitle h1{
    font-size: 0.30rem;
  }
}