.poroduct-title{
  width: 100%;
  height: 390px;
  border:1px solid #ddd;
}
.poroduct-title > .title{
  width: 100%;
  height: 15%;
  border-bottom:1px solid #ddd;
  background: #f5f5f5;
  text-align: center;
  line-height: 287%;
  font-size: 18px;
}
.poroduct-title > .title-img{
width: 100%;
height: 85%;
background: url('/img/custom/pro01.jpg') no-repeat;
background-position: center;
background-size: contain;
}
.poroduct-title > .title-img02{
width: 100%;
height: 85%;
background: url('/img/custom/pro02.jpg') no-repeat;
background-position: center;
background-size: contain;
}
.poroduct-title > .title-img03{
width: 100%;
height: 85%;
background: url('/img/custom/pro03.jpg') no-repeat;
background-position: center;
background-size: contain;
}
.poroduct-title > .title-img04{
width: 100%;
height: 85%;
background: url('/img/custom/pro04.jpg') no-repeat;
background-position: center;
background-size: contain;
}
p.side-text{
  width: 100%;
  text-align: center;
  line-height: 1.6;
  font-size: 14px;
  margin-top:30px;
  margin-bottom:30px;
}
@media all and (max-width:768px){
  .poroduct-title{
    height: 260px;
  }
}