@charset "utf-8";

/* 手机屏幕样式 - 一行显示一个 */
@media screen and (max-width: 600px) {
  .input-group {
    display: none !important;
  }
  .list {
    display: none !important;
  }
}
.lmosa li {
  height: 21.19rem;
  padding: 15px 12px 15px 12px;
  background: #f2f2f2;
}
.catlist ul {
  overflow: hidden;
}
.input-group {
  display: table;
  border-collapse: separate;
}
.lmosa li .dblt {
  font-size: 18px;
  font-weight: bold;
}
.catlist ul li {
  line-height: 38px;
  border-bottom: 1px dotted #c7c4c4;
  vertical-align: middle;
  font-size: 16px;
}
.lmosa li .pnlou {
  overflow: hidden;
}
.lmosa li .pnlou p {
  float: left;
  width: 49%;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 6px;
}
.lmosa li .pnlou p a:hover {
  color: #3399cc;
}
.clear {
  clear: both;
}
/*产品中心*/

.ny_cp {
  position: relative;

  padding: 30px;
}

.ny_cp .list {
  width: 300px;

  float: left;

  background: #f5f5f5;

  border-radius: 0 0 6px 6px;
}

.ny_cp .list .bt {
  background: #3f509f;

  color: #fff;

  font-size: 20px;

  font-weight: bold;

  text-align: center;

  padding: 20px;

  line-height: 1.5;
}

.ny_cp .list .bt p {
  font-size: 16px;

  color: #fff;
}

.subNavBox {
  margin-top: 10px;
}

.subNav {
  cursor: pointer;

  font-weight: 400;

  font-size: 16px;

  color: #000000;

  background: url(../images/jiah.png) no-repeat;

  background-position: 92% 50%;

  background-size: 15px;

  line-height: 50px;

  padding: 0 20px;

  border-bottom: #fff 2px solid;
}

.subNav:hover {
  color: #fff;

  background: #3399cc url(../images/jianh.png) no-repeat;

  background-position: 92% 50%;

  background-size: 15px;
}

.currentDd {
  color: #fff;

  background: #3399cc url(../images/jianh.png) no-repeat;

  background-position: 92% 50%;

  background-size: 15px;
}

.currentDt {
  background: #3399cc url(../images/jianh.png) no-repeat;

  background-position: 92% 50%;

  background-size: 15px;

  color: #fff;
}

.navContent {
  display: none;

  background: #ffffff;

  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);

  width: calc(100%-40px);

  padding: 5px 20px 40px;
}

.navContent li a {
  line-height: 56px;

  display: block;

  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);

  font-size: 16px;

  color: #000000;

  position: relative;
}

.navContent li a::before {
  content: "•";

  margin-right: 5px;
}

.navContent li a:hover {
  color: #3399cc;
}

.navContent li a.on {
  color: #3399cc;
}

.ny_cp .list ul li {
  position: relative;
}

.ny_cp .list ul li .y_j {
  position: relative;

  line-height: 76px;

  padding: 0 50px;
}

.ny_cp .list ul li:hover .y_j {
  background: #3399cc;
}

.ny_cp .list ul li.on .y_j {
  background: #3399cc;
}

.ny_cp .list ul li.on i {
  background: url(../images/jianh.png) center center no-repeat;
}

.ny_cp .list ul li:hover .y_j a {
  color: #fff;
}

.ny_cp .list ul li.on .y_j a {
  color: #fff;
}

.ny_cp .list ul li .y_j a {
  font-weight: 400;

  font-size: 20px;

  color: #000000;
}

.ny_cp .list ul li i {
  position: absolute;

  width: 130px;

  height: 100%;

  right: 0px;

  background: url(../images/jiah.png) center center no-repeat;
}

.ny_cp .list ul li .e_j {
  position: relative;

  background: #ffffff;

  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);

  width: 100%;

  display: none;

  padding: 5px 42px 60px;
}

.ny_cp .list ul li .e_j a {
  line-height: 56px;

  display: block;

  border-bottom: 1px dashed rgba(0, 0, 0, 0.3);

  font-size: 16px;

  color: #3399cc;
}

.ny_cp .list ul li .e_j a:hover {
  color: #3399cc;
}

.ny_cp .list .l_x {
  padding-top: 15px;

  background: #fff;
}

.ny_cp .list .l_x .text {
  padding: 15px 20px;

  background: #f5f5f5;

  border-radius: 0 0 6px 6px;

  font-size: 15px;

  line-height: 28px;

  color: #222;
}

.ny_cp .right {
  float: right;

  width: calc(100% - 320px);
}

.ny_cp .right .box {
  padding: 0 0 2vw 0;

  background: #fff;

  min-height: 900px;
}

.ny_cp .right .lb {
  padding-top: 1px;
}

.ny_cp .right .lb ul {
  display: flex;
  flex-wrap: wrap;
}
.ny_cp .right .lb ul li {
  width: calc((100% - 120px) / 4);

  margin: 0 15px 15px;
}

.ny_cp .right .lb ul li .tp {
  background: rgba(255, 255, 255, 0.58);

  box-shadow: 0px 0px 3.08149px rgba(0, 0, 0, 0.25);

  overflow: hidden;

  position: relative;

  height: 12vw;

  display: flex;

  justify-content: center;

  align-items: center;
}

.ny_cp .right .lb ul li .tp img {
  max-width: 100%;

  max-height: 100%;

  display: block;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;
}

.ny_cp .right .lb ul li:hover .tp img {
  -webkit-transform: scale(1.07);

  -moz-transform: scale(1.07);

  -o-transform: scale(1.07);

  -ms-transform: scale(1.07);

  transform: scale(1.07);

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;
}

.ny_cp .right .lb ul li .mb {
  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  display: flex;

  justify-content: center;

  align-items: center;

  background: rgba(51, 153, 204, 0.65);
  color: #ffffff;

  opacity: 0;

  z-index: -1;
}

.ny_cp .right .lb ul li .mb .more2 {
  width: 144px;

  height: 40px;

  background: #ffffff;

  border: 1px solid #ffffff;

  border-radius: 50px;

  font-size: 13px;

  color: #2f2aa3;

  text-align: center;

  line-height: 40px;
}

.ny_cp .right .lb ul li .mb .more2 a {
  color: #3399cc;
}

.ny_cp .right .lb ul li:hover .mb {
  opacity: 1;

  z-index: 2;
}

.ny_cp .right .lb ul li h3 {
  margin-top: 10px;

  font-size: 16px;

  line-height: 32px;

  color: #000000;

  text-align: center;
}

.ny_cp .list .a_n {
  display: none;
}