.bxshd {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.rr_top .lang a {
  color: #fff !important;
}
/* 媒体中心 */
.media_wrap {
  padding: 5.20833333% 0 2.60416667%;
}
.media_wrap .tab_wrap {
  text-align: center;
}
.media_wrap .tab_wrap a {
  display: inline-block;
  width: 210px;
  height: 70px;
  line-height: 70px;
  margin: 0 5px;
  border-radius: 35px;
  background: url(../images/invest_01.png) 0 0 no-repeat;
  background-size: cover;
  color: #fff !important;
  font-weight: bold;
}
.media_wrap .tab_wrap a.on {
  background-image: url(../images/invest_02.png);
}
.media_wrap .list {
  margin-top: 3.80469245%;
  padding-bottom: 2%;
}
.media_wrap .list li {
  position: relative;
  float: left;
  width: 32.14965124%;
  margin-right: 1.77552315%;
  margin-bottom: 1.77552315%;
}
.media_wrap .list li:nth-child(3n) {
  margin-right: 0;
}
.media_wrap .list p {
  position: absolute;
  bottom: 5.91715976%;
  left: 0;
  z-index: 2;
  text-align: center;
  width: 100%;
  color: #fff;
  font-size: 20px;
  padding: 0 5%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  max-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
}
.media_wrap .list .download{
    position: absolute;
    right: 2%;
    bottom: 2%;
    z-index: 5;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}
.media_wrap .list .play_btn {
  cursor: pointer;
  background: url(../images/media_play.png) 0 0 no-repeat;
  display: block;
  width: 45px;
  height: 45px;
  background-size: 100%;
}
/* 新闻中心 */
.news_wrap {
  padding: 5.20833333% 0 2.60416667%;
}
.news_swiper .right,
.news_swiper .left {
  float: left;
}
.news_swiper .left {
  width: 54%;
  border-radius: 0;
  overflow: hidden;
}
.news_swiper .right {
  color: #484848;
  width: 46%;
  padding: 4.43880786% 3% 3% 5.07292327%;
  line-height: 1.5;
}
.news_swiper .right .date {
  font-size: 14px;
  color: #9b9b9b;
}
.news_swiper .right .title {
  line-height: 1.3em;
  height: 2.6em;
  overflow: hidden;
  margin: 1em 0 0.5em 0;
  color: #3d3d3d;
  transition: all 0.3s;
}
.news_swiper .right .title:hover {
  color: #0054ca;
}
.news_swiper .right .sub_title {
  line-height: 1.8em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.5;
  max-height: 6em;
  height: 6em;
  overflow: hidden;
}
.news_swiper .swiper-container-horizontal > .swiper-pagination-custom {
  left: 54%;
  padding: 3%;
  padding-left: 5.07292327%;
  width: 40%;
  text-align: left;
}
.news_swiper .swiper-container-horizontal > .swiper-pagination-custom .text {
  display: block;
}
.news_swiper .swiper-container-horizontal > .swiper-pagination-custom .reIndex {
  color: #bf0000;
  font-weight: bold;
}
.news_list {
  margin-top: 6.42260758%;
}
.news_list li {
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
  transition: all 0.3s;
  border-bottom: 1px solid #a0a0a0;
}
.news_list li:hover {
  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.24);
  border-color: #0054ca;
}
.news_list li:hover .cont {
  border-color: #0054ca;
}
.news_list li:nth-child(3n) {
  margin-right: 0;
}
.news_list .cont {
  color: #9b9b9b;
  transition: all 0.3s;
  border-bottom: 3px solid #fff;
  padding: 5.09164969% 8.14663951% 7.12830957%;
}
.news_list h2 {
  color: #2c2b2b;
  margin-top: 10px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  max-height: 3em;
  height: 3em;
  overflow: hidden;
}
.news_list p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  max-height: 3em;
  height: 3em;
  overflow: hidden;
  margin-top: 10px;
  color: #686868;
  font-size: 16px;
}
.news_list a.in_news-link {
  display: block;
  width: 33px;
  height: 21px;
  background: #0054ca;
  color: #fff;
  text-align: center;
  line-height: 21px;
  border-radius: 15px;
  margin-top: 8.14663951%;
}
.news_list a.in_news-link:hover {
  color: #fff !important;
}
/* 氢燃料发动机 */
body.product .banner_le {
  color: #000;
}
.hd_list .item {
  padding: 3.64583333% 0;
  background-color: #eaeaea;
}
.hd_list .item:nth-child(even) {
  background-color: #f7f7f7;
}
.hd_list .item h2 {
  margin-bottom: 20px;
}
.hd_list .item p {
  margin-bottom: 20px;
}
.hd_list li {
  float: left;
  width: 32.46670894%;
  margin-right: 1.29993659%;
  margin-bottom: 1.29993659%;
}
.hd_list li:nth-child(3n) {
  margin-right: 0;
}
.hd_list li .name {
  color: #000;
  padding: 0 20px;
  white-space: nowrap;
  padding-top: 20px;
}
.hd_list .img {
  position: relative;
}
.hd_list .in_news-link {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 2;
  display: block;
  width: 33px;
  height: 21px;
  background: #0054ca;
  color: #fff;
  text-align: center;
  line-height: 21px;
  border-radius: 15px;
}
/* 氢燃料发动机详情 */
.hydrogen_dt_wrap .item {
  padding: 3.64583333% 0;
}
.hydrogen_dt_wrap h2 {
  margin-bottom: 3.17057705%;
  text-align: center;
}
.hydrogen_dt_wrap .party1 {
  background: url(../images/power_part2_bg.jpg) 0 0 no-repeat;
  background-size: cover;
}
.hydrogen_dt_wrap .party1 table {
  width: 100%;
  font-size: 18px;
}
.hydrogen_dt_wrap .party1 td {
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 1.64% 0;
  text-align: center;
  color: #686868;
  background-color: #fff;
}
.hydrogen_dt_wrap .party1 td:nth-child(2n+1) {
  color: #000;
  text-align: left;
  background-color: #f7f7f7;
  padding-left: 3.75%;
  width: 19.02346227%;
}
.hydrogen_dt_wrap .party2 {
  background-color: #f7f7f7;
  padding-bottom: 10.41666667%;
}
.hydrogen_dt_wrap .party2 .swiper-slide {
  position: relative;
}
.hydrogen_dt_wrap .party2 .swiper-box {
  position: relative;
  margin-bottom: -3%;
}
.hydrogen_dt_wrap .party2 .swiper-button-next,
.hydrogen_dt_wrap .party2 .swiper-button-prev {
  width: 58px;
  height: 58px;
  border: 2px solid #007aff;
  border-radius: 50%;
  background-size: 14px 25px;
  margin-top: -28px;
  background-color: #fff;
}
.hydrogen_dt_wrap .party2 .swiper-button-prev {
  right: auto;
  left: 3.64583333%;
}
.hydrogen_dt_wrap .party2 .swiper-button-next {
  right: 3.64583333%;
}
.hydrogen_dt_wrap .party2 .name {
  width: 100%;
  text-align: center;
  font-size: 24px;
  margin-top: 4.87329435%;
}
.hydrogen_dt_wrap .party3 .party3_swiper_box {
  position: relative;
}
.hydrogen_dt_wrap .party3 .des {
  position: absolute;
  top: 70%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 20% 8% 0;
  transition: all 0.3s;
}
.hydrogen_dt_wrap .party3 .des p {
  opacity: 0;
  font-size: 16px;
  margin-top: 4%;
  line-height: 1.6;
  transition: all 0.3s;
  position: relative;
  max-height: 45%;
  overflow: auto;
}
.hydrogen_dt_wrap .party3 .tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  max-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
}
.hydrogen_dt_wrap .party3 .swiper-slide:hover .des {
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.hydrogen_dt_wrap .party3 .swiper-slide:hover .des p {
  opacity: 1;

}
.hydrogen_dt_wrap .party3 .swiper-button-next,
.hydrogen_dt_wrap .party3 .swiper-button-prev {
  width: 58px;
  height: 58px;
  border: 2px solid #007aff;
  border-radius: 50%;
  background-size: 14px 25px;
  margin-top: -28px;
  background-color: #fff;
}
.hydrogen_dt_wrap .party3 .swiper-button-prev {
  right: auto;
  left: 3.64583333%;
}
.hydrogen_dt_wrap .party3 .swiper-button-next {
  right: 3.64583333%;
}
/* 热电联供 */
.power_wrap .part1 {
  padding: 5.20833333% 0 4.16666667%;
}
.power_wrap .part1 .des {
  overflow: hidden;
  background-color: #ebebeb;
  margin-top: 3.80469245%;
}
.power_wrap .part1 .ll,
.power_wrap .part1 .rr {
  float: left;
  width: 50%;
}
.power_wrap .part1 .ll {
  padding: 5.70703868% 4.12175016% 0;
  color: #686868;
  font-size: 16px;
}
.power_wrap .part2 {
  padding: 3.17057705% 0 5.07292327%;
  background: url(../images/power_part2_bg.jpg) 0 0 no-repeat;
  background-size: cover;
}
.power_wrap .part2 h2 {
  text-align: center;
}
.power_wrap .part2 .part1 {
  padding: 0;
}
.power_wrap .part3 {
  text-align: center;
  padding: 3.125% 0 5.20833333%;
}
.power_wrap .part3 ul {
  margin-top: 3.125%;
}
.power_wrap .part3 li {
  width: 12.49207356%;
  padding: 3.80469245% 0;
  float: left;
  border-right: 1px solid #ebebeb;
}
.power_wrap .part3 li:first-child {
  border-left: none;
}
.power_wrap .part3 li:nth-child(8){border-right: none;}
.power_wrap .part3 i.icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
}
.power_wrap .part3 i.icon img {
  height: 40px;
}
.power_wrap .part3 span {
  margin-top: 12%;
  display: block;
  font-size: 18px;
  padding: 0 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1600px) {
  .media_wrap .tab_wrap a {
    height: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 1366px) {
  .news_swiper .right {
    padding-top: 2%;
  }
  .news_swiper .swiper-container-horizontal > .swiper-pagination-custom {
    padding-bottom: 1%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  /* 新闻中心 */
  .news_swiper .left,
  .news_swiper .right {
    width: 100%;
    float: none;
    padding: 0;
  }
  .news_swiper .right {
    padding-top: 4%;
  }
  .news_swiper .swiper-container-horizontal > .swiper-pagination-custom {
    position: relative;
    left: 0;
    padding-left: 0;
    width: 100%;
  }
  .news_swiper .sub_title {
    height: auto !important;
  }
  .news_list li {
    width: 49%;
    margin-right: 2%;
  }
  .news_list li:nth-child(3n) {
    margin-right: 2%;
  }
  .news_list li:nth-child(2n) {
    margin-right: 0;
  }
  .news_list li:hover {
    box-shadow: none;
  }

  /* 品牌中心 */
  .media_wrap .list li {
    width: 49%;
    margin-right: 2% !important;
    margin-bottom: 2%;
  }
  .media_wrap .list li:nth-child(2n) {
    margin-right: 0 !important;
  }
  /* 产品介绍 氢燃料发动机*/
  .hd_list li {
    width: 100%;
    margin-right: 0 !important;
  }
  /* 热电联供 */
  .power_wrap .part1 img {
    width: 100%;
  }
  .power_wrap .part1 .des .ll,
  .power_wrap .part1 .des .rr {
    float: none;
    width: 100%;
  }
  .power_wrap .part1 .des .rr {
    margin-top: 5%;
  }
  .power_wrap .part3 li {
    width: 25%;
  }
  .power_wrap .part3 li:first-child {
    border-left: 1px solid #ebebeb;
  }
  .power_wrap .part3 li:nth-child(7),
  .power_wrap .part3 li:nth-child(4) {
    border-left: 1px solid #ebebeb;
  }
  .power_wrap .part3 span {
    margin-top: 15px;
  }
  .power_wrap .part3 li:nth-child(8){border-right: 1px solid #ebebeb;}
  table,
  tbody,
  tr {
    display: block;
  }
  .hydrogen_dt_wrap .party1 td {
    position: relative;
    padding: 5px 0;
    padding-left: 3.75%;
    white-space: normal;
    text-align: left;
    width: 100% !important;
    display: block;
  }
  .media_wrap .tab_wrap a {
    width: 30%;
  }
  .power_wrap .part3 li {
    width: 33.3333%;
  }
  .power_wrap .part3 li:first-child {
    border-left: 1px solid #ebebeb;
  }
  .power_wrap .part3 li:nth-child(3n) {
    border-right: 1px solid #ebebeb;
  }
  .power_wrap .part3 span {
    margin-top: 15px;
  }
  .power_wrap .part3 i.icon {
    width: 30px;
    height: 30px;
  }
  .power_wrap .part3 i.icon img {
    height: 30px;
  }
  .hydrogen_dt_wrap .party2 .swiper-button-next,
  .hydrogen_dt_wrap .party2 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -54px;
  }
  .hydrogen_dt_wrap .party2 .swiper-box {
    height: auto !important;
  }
  .hydrogen_dt_wrap .party3 .swiper-button-next,
  .hydrogen_dt_wrap .party3 .swiper-button-prev {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
}
@media screen and (max-width: 768px) {
  .media_wrap .tab_wrap a {
    height: 40px;
    line-height: 40px;
  }
  .hydrogen_dt_wrap .party2 .swiper-button-next,
  .hydrogen_dt_wrap .party2 .swiper-button-prev {
    width: 30px;
    height: 30px;
    margin-top: -54px;
    background-size: 8px auto;
    border-width: 1px;
    margin-top: -50px;
  }
  .hydrogen_dt_wrap .party3 .swiper-button-next,
  .hydrogen_dt_wrap .party3 .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 8px auto;
    border-width: 1px;
    margin-top: -15px;
  }
  .media_wrap .list li {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 4%;
  }
  .news_list .cont {
    padding: 4%;
  }
  .news_list li {
    width: 100%;
    margin-right: 0 !important;
  }
}