.prd-sev-title {
  height: 240px;
  background: url(../img/news-list-title.jpg);
}
.prd-sev-title h2 {
  font-size: 46px;
  font-weight: bold;
  margin-top: 140px;
}
.prd-sev {
  margin-top: 40px;
}
.prd-sev .nav {
  float: left;
  width: 200px;
  padding-bottom: 100px;
  background: #f6f7fa url(../img/side-nav-bg.jpg) no-repeat center bottom;
}
.prd-sev .nav a {
  color: #333537;
  padding: 0 30px;
  display: block;
  text-decoration: none;
}
.prd-sev .nav a span {
  float: right;
  font-size: 16px;
  font-weight: bold;
}
.prd-sev .nav > a {
  font-weight: bold;
  line-height: 50px;
  border-radius: 3px;
  transition: all .3s ease;
  margin-bottom: 5px;
}
.prd-sev .nav > a:hover {
  color: #fff;
  background: #0152A5;
}
.prd-sev .nav > a.active {
  color: #fff;
  background: #0152A5;
}
.prd-sev .nav .sub-nav {
  background: #eef0f3;
}
.prd-sev .nav .sub-nav a {
  line-height: 40px;
  padding: 0 30px;
  color: #858788;
}
.prd-sev .nav .sub-nav a.active,
.prd-sev .nav .sub-nav a:hover {
  color: #0152A5;
}
.prd-sev .nav .sub-nav a.active span,
.prd-sev .nav .sub-nav a:hover span {
  display: block;
}
.prd-sev .nav .sub-nav a span {
  display: none;
  font-family: Arial;
}
.prd-sev .prd-list {
  margin: 0 -40px 0 240px;
}
.prd-sev .prd-list li {
  width: 262px;
  float: left;
  margin-right: 40px;
  margin-bottom: 20px;
}
.prd-sev .prd-list li:hover img {
  transform: scale(1.05);
  border-color: #0152A5;
}
.prd-sev .prd-list li:hover p {
  color: #0152a5;
}
.prd-sev .prd-list img {
  display: block;
  width: 262px;
  height: 187px;
  margin-bottom: 20px;
  border: solid 1px #ccc;
  transition: all 0.3s ease-in-out;
}
.prd-sev .prd-list p {
  text-align: center;
  font-size: 16px;
  color: #333537;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease-in-out;
}
.prd-sev .service {
  color: #333537;
  margin-left: 240px;
}
.prd-sev .service h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.prd-sev .service p {
  line-height: 22px;
  margin-bottom: 40px;
}
.prd-sev .list-page {
  margin-left: 240px;
}
.prd-sev .content {
  min-height: 350px;
  padding-right: 400px;
  margin-left: 240px;
}
.prd-sev .content h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333537;
  margin: 0 0 20px;
}
.prd-sev .content.pump-department {
  background: url(../img/pump-department_180120.jpg) no-repeat right 0;
}
    .prd-sev .content.high-pressure-pipe {
        background: url(../img/env-department-181020.jpg) no-repeat right 0;
    }
    .prd-sev .content.env-department {
        background: url(../img/high-pressure-pipe.jpg) no-repeat right 0;
    }
.prd-sev .content ul {
  margin-top: 30px;
}
.prd-sev .content li {
  display: inline-block;
  color: #EA4D4D;
  font-size: 12px;
  width: 220px;
}
.prd-sev .content .icon-locate,
.prd-sev .content .icon-tele,
.prd-sev .content .icon-fax,
.prd-sev .content .icon-mail {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 4px;
  background-image: url(../img/icon-prds_180120.jpg);
}
.prd-sev .content .icon-locate {
  background-position: 0 0;
}
.prd-sev .content .icon-tele {
  background-position: 0 -12px;
}
.prd-sev .content .icon-fax {
  background-position: 0 -24px;
}
.prd-sev .content .icon-mail {
  background-position: 0 -36px;
}
.prd-sev .content .btn-more {
  display: block;
  width: 230px;
  line-height: 38px;
  text-align: center;
  border: solid 1px #0152A5;
  border-radius: 4px;
  margin-top: 30px;
}