.topNav{
  height: 72px;
  background-color: #fff;
}

.comGoal{
  padding: 90px 0 100px 0;
  text-align: center;
  color: #717171;
}
.comGoal h2{
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 50px;
}
.comGoal p{
  font-size: 28px;
}
.line{
  margin-bottom: 45px;
}
.product,.customer,.pattern{
  background-color: #f1f9f9;
  padding: 90px 110px;
  color: #717171;
  text-align: center;
}
.titleH2{
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 16px;
}
.proP{
  font-size: 16px;
}
.line1{
  margin: 40px 0 65px 0;
}
.imgBox{
  width: 390px;
  height: 296px;
  overflow: hidden;
  margin-top: 10px;
}
.proImg{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
.proImg img{
  width: 390px;
  cursor: pointer;
  transition: all 0.6s;
  display: block;
}

.proImg img:hover{
  transform: scale(1.4);
}
.proImg img{
  transition: all 2s;
}
.pattern{
  background-color: #fff;
}
.customerImg img{
  width: 174px;
  height: 174px;
}
.customerImg{
  position: relative;
  height: 366px;
}
.customerImg .pic1{
  position: absolute;
  top: 0;
  left: 10px;
}
.customerImg .pic2{
  position: absolute;
  top: 0;
  left: 210px;
}
.customerImg .pic3{
  position: absolute;
  top: 0;
  left: 410px;
}
.customerImg .pic4{
  position: absolute;
  top: 0;
  left: 610px;
}
.customerImg .pic5{
  position: absolute;
  top: 0;
  left: 810px;
}
.customerImg .pic6{
  position: absolute;
  top: 0;
  left: 1010px;
}
.customerImg .pic7{
  position: absolute;
  top: 190px;
  left: 10px;
}
.customerImg .pic8{
  position: absolute;
  top: 190px;
  left: 210px;
}
.customerImg .pic9{
  position: absolute;
  top: 190px;
  left: 410px;
}
.customerImg .pic10{
  position: absolute;
  top: 190px;
  left: 610px;
}
.customerImg .pic11{
  position: absolute;
  top: 190px;
  left: 810px;
}
.customerImg .pic12{
  position: absolute;
  top: 190px;
  left: 1010px;
}