@charset 'utf-8';
.proAll{
  width: 100%;
}
.product{
  width: 1200px;
  margin: 0 auto;
}
.leftF{
  float: left;
}
.rightF{
  float: right;

}
.leftImg{
  width:60%;
  text-align: center;
  padding: 20px 0;
}
.rightTit{
  width: 40%;
  margin-top: 30px;
}
.leftImg > img{
  display: block;
  margin: 0 auto;
  max-height: 300px;
}
.clearfix:before,.clearfix:after {

content: "";

display: block;

clear: both;

}
.product > ul > li{
  border-bottom: 1px solid #ccc;
  display: block;
  margin: 30px 0;
  position: relative;
}
.product > ul > li::before{
  position: absolute;
  bottom: 0;
  width: 0px;
  content: "";
  display: block;
  background: #44a8f2;
  height: 1px;
  transition: 1s all;
}
.product > ul > li:hover::before{
  width: 100%;
}
.moreF{
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid #fff;
  margin: 20px 0;
  transition: 1s all;
}
.moreF:hover{
  border: 1px solid #44a8f2;
}
.mproC > p{
  padding: 8px 0;
}