@charset "utf-8";
.p1 {
  top: 42px;
  left: 486px;
}
#p2_title {
  height: 231px;
  background: url(../img/p_p2_title.png) no-repeat center;
  text-align: center;
  margin: 70px 0 46px;
  overflow: hidden;
}
#p2_title > li {
  display: inline-block;
  font-size: 24px;
  color: #008c5a;
  width: 185px;
  margin-top: 156px;
}
#p2_img > li {
  overflow: hidden;
  display: none;
  padding-left: 373px;
}
#p2_img > li > img {
  width: 366px;
  height: 520px;
  margin-right: 37px;
  float: left;
}
#p2_point,
#pro_point {
  text-align: center;
  margin-bottom: 82px;
}
#p2_point > li,
#pro_point > li {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #bebdbd;
  margin: 55px 6px 0;
  cursor: pointer;
}
#p2_point > li:hover,
#p2_point > .current,
#pro_point > li:hover,
#pro_point > .current {
  background: #6fba2c;
}

.p3 {
  background: url(../img/p_p3_bg.jpg);
  height: 601px;
  margin-bottom: 274px;
}
.p3 > .btn {
  position: absolute;
  top: 237px;
  left: 359px;
  width: 1200px;
  height: 538px;
  background: #fff;
  overflow: hidden;
}
.p3 > .btn > img {
  position: absolute;
  top: 36px;
  left: 54px;
}
#p3_btn {
  margin: 74px 0 0 45px;
}
#p3_btn > li {
  border-left: 4px #dcdcdc solid;
  padding-left: 15px;
  cursor: pointer;
  margin-bottom: 92px;
  width: 220px;
}
#p3_btn > li > p {
  font-size: 16px;
  color: #4c4c4c;
  font-weight: lighter;
}
#p3_btn > li > h2 {
  font-size: 18px;
  color: #4c4c4c;
  font-weight: normal;
  margin: 2px 0 4px;
}
#p3_btn > li > span {
  font-size: 12px;
  color: #4c4c4c;
  font-weight: lighter;
  display: inline-block;
  text-transform: uppercase;
}
#p3_btn > .current,
#p3_btn > li:hover {
  border-color: #6fba2c;
}
#p3_btn > li,
#p3_btn > li > p,
#p3_btn > li > h2 {
  -webkit-transition: all .4s;
  transition: all .4s;
}
#p3_btn > .current > p,
#p3_btn > .current > h2,
#p3_btn > li:hover > p,
#p3_btn > li:hover > h2 {
  color: #008c5a;
}
#p3_img {
  position: absolute;
  top: 237px;
  left: 359px;
}
#p3_img > img {
  left: 310px;
  display: none;
}
#p3_img > .a {
  top: 1px;
}
#p3_img > .b {
  top: -45px;
}
#p3_img > .c {
  top: -3px;
}
.p3 > div > a {
  margin-left: 45px;
}
#pro_btn {
  width: 605px;
  height: 102px;
  background: url(../img/p_p4_title.png);
  margin: 0 auto 50px;
  padding: 40px 0 0 547px;
}
#pro_btn > li {
  float: left;
  font-size: 22px;
  font-weight: lighter;
  margin: 0 53px 18px 0;
  cursor: pointer;
  -webkit-transition: color .4s;
  transition: color .4s;
}
#pro_btn > li:hover,
#pro_btn > .current {
  color: #008c5a;
}
#pro_btn > li:nth-child(4n) {
  margin-right: 0;
}
#product {
  padding-left: 417px;
  height: 442px;
  position: relative;
}
#product > li {
  position: absolute;
  display: none;
  font-size: 22px;
  text-align: center;
  font-weight: lighter;
  margin-bottom: 64px;
  overflow: hidden;
}
#product > li > p {
  float: left;
  margin-right: 59px;
}
#product > li > p > img {
  width: 230px;
  height: 326px;
  margin-bottom: 25px;
}