.pro .pmain {
  width: 482px;
  height: 463px;
  margin: 0 auto;
  background: url(../images/p_img.png) center no-repeat;
  position: relative;
}
.pro .pmain > a {
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
}
.pro .pmain > a .name {
  color: #6d6d6d;
  position: absolute;
  min-width: 172px;
  text-align: left;
}
.pro .pmain > a .name p {
  font-size: 15px;
  font-weight: bold;
}
.pro .pmain > a .name span {
  font-size: 10px;
  text-transform: uppercase;
}
.pro .pmain .li2 .name,
.pro .pmain .li3 .name,
.pro .pmain .li4 .name {
  left: 150px;
  top: 22px;
  text-align: left;
}
.pro .pmain .li4 .name {
  top: 43px;
}
.pro .pmain .li6 .name,
.pro .pmain .li7 .name,
.pro .pmain .li8 .name {
  left: -200px;
  top: 22px;
}
.pro .pmain .li6 .name {
  top: 50px;
}
.pro .pmain .li5 .name {
  left: 10px;
  bottom: -67px;
  /*text-align: center;*/
}
.pro .pmain .li1 .name {
  left: -40px;
  top: -50px;
<!--  text-align: center;
-->}
.pro .pmain .li1 {
  left: 196px;
  top: 0;
  background-image: url(../images/p1.png);
  width: 87px;
  height: 118px;
}
.pro .pmain .li2 {
  right: 28px;
  top: 82px;
  background-image: url(../images/p2.png);
  width: 114px;
  height: 97px;
}
.pro .pmain .li3 {
  right: 0;
  top: 198px;
  background-image: url(../images/p3.png);
  width: 130px;
  height: 85px;
}
.pro .pmain .li4 {
  right: 18px;
  bottom: 91px;
  background-image: url(../images/p4.png);
  width: 123px;
  height: 102px;
}
.pro .pmain .li5 {
  left: 205px;
  bottom: 0;
  background-image: url(../images/p5.png);
  width: 85px;
  height: 122px;
}
.pro .pmain .li6 {
  left: 36px;
  bottom: 85px;
  background-image: url(../images/p6.png);
  width: 110px;
  height: 108px;
}
.pro .pmain .li7 {
  left: 0;
  top: 226px;
  background-image: url(../images/p7.png);
  width: 131px;
  height: 86px;
}
.pro .pmain .li8 {
  left: 36px;
  top: 95px;
  background-image: url(../images/p8.png);
  width: 110px;
  height: 93px;
}
.pro .pmain .li1:hover {
  background-image: url(../images/p1_1.png);
}
.pro .pmain .li1:hover .name {
  color: #084091;
}
.pro .pmain .li2:hover {
  background-image: url(../images/p2_2.png);
}
.pro .pmain .li2:hover .name {
  color: #084091;
}
.pro .pmain .li3:hover {
  background-image: url(../images/p3_3.png);
}
.pro .pmain .li3:hover .name {
  color: #084091;
}
.pro .pmain .li4:hover {
  background-image: url(../images/p4_4.png);
}
.pro .pmain .li4:hover .name {
  color: #084091;
}
.pro .pmain .li5:hover {
  background-image: url(../images/p5_5.png);
}
.pro .pmain .li5:hover .name {
  color: #084091;
}
.pro .pmain .li6:hover {
  background-image: url(../images/p6_6.png);
}
.pro .pmain .li6:hover .name {
  color: #084091;
}
.pro .pmain .li7:hover {
  background-image: url(../images/p7_7.png);
}
.pro .pmain .li7:hover .name {
  color: #084091;
}
.pro .pmain .li8:hover {
  background-image: url(../images/p8_8.png);
}
.pro .pmain .li8:hover .name {
  color: #084091;
}