
.product {
  background-image: url('../img/psbg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 80px;
  padding: 0.85rem 60px;
  box-sizing: border-box;
  position: relative;
}

.product .swiper-container {
  padding-top: 10px;
}

.product .swiper-slide .pic {
  background-image: url('../img/ps9.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.product .swiper-slide .pic {
  position: relative;
  padding-top: 86%;
  border-bottom: 1px solid #cccccc;
  transition: 0.5s;
}

.product .swiper-slide .pic:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0%;
  transition: 0.5s;
  border-top: 1px solid #e21738;
}

.product .swiper-slide .pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
  transition: 0.5s;
}

.product .swiper-slide .pic .nb {
  font-size: 0.9rem;
  color: #e21738;
  position: absolute;
  right: 7%;
  font-family: "Bebas";
  bottom: 0%;
  opacity: 0;
  transition: 0.5s;
}

.product .swiper-slide .ti {
  font-size: 0.26rem;
  color: #000;
  margin-top: 0.4rem;
  margin-bottom: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s;
}

.product .swiper-slide .de {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  height: 40px;
  overflow: hidden;
}

.product .swiper-slide .more {
  font-size: 14px;
  color: #999;
  margin-top: 0.5rem;
  transition: 0.5s;
}

.product .swiper-slide .more span {
  display: inline-block;
  width: 18px;
  height: 13px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url('../img/psjt.png');
  background-position: -22px center;
  margin-top: -1px;
  margin-left: 3px;
  transition: 0.5s;
}

.product .swiper-slide:hover .pic {
  box-shadow: 1px 1px 10px #dedede;
}

.product .swiper-slide:hover .pic:after {
  width: 100%;
}

.product .swiper-slide:hover .nb {
  opacity: 1;
  bottom: 4%;
}

.product .swiper-slide:hover .ti {
  color: #e21738;
}

.product .swiper-slide:hover .more {
  color: #e21738;
}

.product .swiper-slide:hover .more span {
  background-position: 0 center;
}

.product .swiper-slide:hover .pic img {
  transform: translate(-50%, -50%) scale(1.1);
}

.product .swiper-button-next,
.product .swiper-button-prev {
  width: 14px;
  height: 25px;
  margin: 0;
  transform: translateY(-50%);
  background-size: 14px 25px;
  outline: none;
}

.product .swiper-button-next {
  background-image: url('../img/psr.png');
  right: 20px;
}

.product .swiper-button-prev {
  background-image: url('../img/psl.png');
  left: 20px;
}

.product .swiper-button-prev.swiper-button-disabled,
.product .swiper-button-next.swiper-button-disabled {
  background-color: transparent;
}

.pro-list {
  background-color: #fafafa;
  margin-top: 80px;
  overflow: hidden;
}

.pro-list .pic {
  height: 100px;
  position: relative;
}

.pro-list .pic img {
  max-width: 80%;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pro-list .swiper-slide {
  /* border-right: 1px solid #fafafa;
  border-left: 1px solid #fafafa; */
  box-sizing: border-box;
  background-color: #e6e6e6;
  padding-top: 15px;
  position: relative;
  transition: 0.5s;
}

.pro-list .swiper-slide p {
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
  transition: 0.5s;
      overflow: hidden;
    white-space: nowrap;
}

.pro-list .swiper-slide.act {
  z-index: 2;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.47);
}

.pro-list .swiper-slide.act p {

  color: #2F318B;
    font-size: 18px;
    font-weight: 800;
}

.pro-list .swiper-slide:hover {
  z-index: 2;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.47);
}

.pro-list .swiper-slide:hover p {
  color: #000;
}

.pro-list .swiper-container {
  padding-bottom: 10px;
  margin-top:20px;
 
}


.pro-box {
  font-size: 0;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.pro-left {
  width: 3.3rem;
  display: inline-block;
  vertical-align: top;
}

.pro-right {
  display: inline-block;
  vertical-align: top;
  width: -moz-calc(100% - 3.3rem - 25px);
  width: -webkit-calc(100% - 3.3rem - 25px);
  width: calc(100% - 3.3rem - 25px);
}

.pro-left {
  padding: 0 0.25rem;
  box-sizing: border-box;
  background-color: #fff;
}

.pro-left a {
  font-size: 16px;
  color: #666;
  display: block;
  line-height: 0.8rem;
  padding: 0 10px;
  border-bottom: 1px solid #cccccc;
  position: relative;
  transition: 0.5s;
  padding-right: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro-left a:last-child {
  border-bottom: none;
}

.pro-left a:after {
  content: '';
  position: absolute;
  right: 20px;
  display: inline-block;
  width: 18px;
  height: 13px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../img/psjt1.png');
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.5s;
  opacity: 0;
}

.pro-left a:hover:after {
  right: 10px;
  opacity: 1;
}

.pro-left a.act:after {
  right: 10px;
  opacity: 1;
}

.pro-left a:hover {
  color: #e21738;
}

.pro-left a.act {
  color: #e21738;
}

.pro-right {
  margin-left: 20px;
}

.pro-right .link a {
  display: inline-block;
  background-color: #fff;
  width: 32%;
  margin-right: 2%;
  padding-bottom: 0.1rem;
  margin-bottom: 20px;
}

.pro-right .link a:nth-child(3n) {
  margin-right: 0;
}

.pro-right .link a .img {
  height: 3.3rem;
  position: relative;
  overflow: hidden;
}

.pro-right .link a .img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
  max-width: 80%;
  max-height: 100%;
}

.pro-right .link a:hover .img img {
  transform: translate(-50%, -50%) scale(1.1);
}

.pro-right .link a:hover .ti {
  color: #e21738;
}

.pro-right .link a .ti {
  font-size: 18px;
  color: #333333;
  transition: 0.5s;
  text-align: center;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.pro-right .link a .more {
  font-size: 14px;
  color: #e21738;
  line-height: 1.5;
  text-align: center;
  margin: 0.1rem 0;
}

.cover .vid video {
  /* width: 100%; */
  max-width: 100%;
  max-height: 100%;
}

.cha {
  position: absolute;
  top: -0.6rem;
  right: -0.55rem;
  width: 30px;
  cursor: pointer;
}

.cover.act .vid {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.pde-tit {
  background-color: #fafafa;
  text-align: center;
  padding: 0.3rem 0;
  margin: 0.3rem 0;
}

.pde-tit a {
  font-size: 16px;
  color: #666;
  margin: 0 0.4rem;
  transition: 0.5s;
}

.pde-tit a:hover {
  color: #e21738;
}

.pde-tit a.act {
  color: #e21738;
}

.pro-det img {
  max-width: 100%;
}

.pro-de .back {
  width: 2.25rem;
  height: 0.5rem;
  display: block;
  color: #fff;
  text-align: center;
  background-color: #e21738;
  font-size: 16px;
  line-height: 0.5rem;
  margin: 0 auto;
  margin-top: 0.8rem;
  margin-bottom: 0.6rem;
}

.pro-det .div {
  display: none;
}

.sec45 .wel-ps li p span {
  display: none;
}

@media screen and (max-width:1300px) {
  .product .swiper-slide .pic .nb {
    font-size: 0.7rem;
  }
}

@media screen and (max-width:1280px) {

  .product,
  .pro-list,
  .pro-de {
    margin-top: 50px;
  }

  .product .swiper-slide .de {
    font-size: 14px;
  }
}

.pro-left-mm {
  display: none;
}
.pro-left-mm2{
  display: none;
}

@media screen and (max-width:1300px) {
  .pro-ded .name {
    width: 90px;
  }

  .pro-ded .det {
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    width: calc(100% - 90px);
  }

  .detop .font {
    padding: 0;
  }
}



@media screen and (max-width:750px) {
 

  .product .swiper-slide {
    display: block;
  }

  .product .swiper-slide .pic {
    width: 50%;
    height: 2.8rem;
    padding: 0;
  }

  .product {
    padding: 0.2rem 0 0.9rem 0;
  }

  .num .span1 b {
    font-size: 20px;
  }

  .product .swiper-button-next,
  .product .swiper-button-prev {
    display: none;
  }

  .product .swiper-slide .ti {
    font-size: 0.32rem;
  }

  .sec45 .wel-ps li {
    width: 100%;
    background-image: url(../img/ps9.jpg);
    background-size: 100% 100%;
    margin-bottom: 0.2rem;
    margin-right: 0;
    display: none;
  }

  .sec45 .wel-ps li:nth-child(1),
  .sec45 .wel-ps li:nth-child(2),
  .sec45 .wel-ps li:nth-child(3) {
    display: block;
  }

  .sec45 .wel-ps li .pic {
    width: 50%;
    padding-bottom: 30%;
    background-image: none;
  }

  .sec45 .wel-ps li a {
    position: relative;
  }

  .sec45 .wel-ps li p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.32rem;
    text-align: left;
    line-height: 1.5;
  }

  .sec45 .wel-ps li p span {
    display: block;
    font-size: 0.25rem;
    line-height: 1.5;
    color: #999;
    margin-top: 0.1rem;
  }

  .sec45 .wel-ps li p span img {
    width: 0.30rem;
    margin-top: -3px;
  }

 

  .sec45 .wel-ps {
    margin-top: 0.4rem;
    margin-bottom: 0.6rem;
  }

  .product .swiper-slide .de {
    display: none;
  }

  .product .swiper-slide .pic {
    background-image: none;
    border: none;
  }

  .product .swiper-slide {
    background-image: url(../img/ps9.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-bottom: 0.2rem;
  }

  .product .swiper-slide:last-child {
    margin-bottom: 0;
  }

  .product .swiper-slide .more {
    margin-top: 0.15rem;
  }

  .product .swiper-slide .fo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
  }

  .product .swiper-slide .pic img {
    max-width: 60%;
    max-height: 60%;
  }

  .product .swiper-slide:hover .pic {
    box-shadow: none;
  }

  .product .swiper-slide .pic .nb,
  .product .swiper-slide:hover .pic:after {
    display: none;
  }

  .product .swiper-slide:hover .pic img {
    transform: scale(1) translate(-50%, -50%);
  }

  .product .swiper-slide:hover .ti {
    color: #000;
  }

  .product .swiper-slide:hover .more {
    color: #999;
  }

  .product .swiper-slide:hover .more span {
    background-position: -22px center;
  }

  .pro-list .top,
  .pro-list .tit {
    display: none;
  }

  .pro-left {
    width: 100%;
  }

  .pro-left {
    display: none;
  }

  .pro-box {
    margin-top: 0;
  }

  .pro-list .swiper-slide p {
    /* display: inline-block; */
    /* margin: 10px 0.15rem;
    margin-bottom: 10px; */
    margin: 0 5px;
    line-height: 40px;
    box-sizing: border-box;
    font-size: 0.3rem;
    padding-right: 5px;
    padding-left: 5px;

    /* padding-bottom: 7px; */
  }

  .pro-list .swiper-slide {
    width: auto;
    padding-top: 8px;
  }

  .pro-left-mm .swiper-button-next,
  .pro-left-mm .swiper-button-prev {
    width: 13px;
    margin: 0;
    outline: none;
    transform: translateY(-50%);
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    opacity: 0.5;
  }
  .pro-left-mm2 .swiper-button-next,
  .pro-left-mm2 .swiper-button-prev {
    width: 13px;
    margin: 0;
    outline: none;
    transform: translateY(-50%);
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    opacity: 0.5;
  }

  .pro-left-mm .swiper-button-prev.swiper-button-disabled,
  .pro-left-mm .swiper-button-next.swiper-button-disabled {
    opacity: 0.2;
  }
  .pro-left-mm2 .swiper-button-prev.swiper-button-disabled,
  .pro-left-mm2 .swiper-button-next.swiper-button-disabled {
    opacity: 0.2;
  }

  .pro-left-mm .swiper-button-next {
    background-image: url('../img/psr.png');
  }

  .pro-left-mm .swiper-button-prev {
    background-image: url('../img/psl.png');
  }

  .pro-left-mm2 .swiper-button-next {
    background-image: url('../img/psr.png');
  }

  .pro-left-mm2 .swiper-button-prev {
    background-image: url('../img/psl.png');
  }

  .pro-list .swiper-slide.act {
    z-index: 2;
    box-shadow: none;
  }

  .pro-list .swiper-slide.act p {
    /* color: #e21738; */
    /* border-bottom: 2px solid #e21738; */
  }

  .pro-list .swiper-slide {
    background-color: transparent;
  }

  .pro-list .swiper-slide:hover {
    box-shadow: none;
  }

  .pro-list .swiper-slide:hover p {
    color: #666;
  }

  .pro-right {
    width: 100%;
    margin: 0;
  }

  .pro-list .swiper-container {
    padding: 0;
	 display:block;
  }

  .pro-right .link a {
    border: 1px solid #f2f2f2;
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 0.3rem;
  }

  .pro-box .link {
    margin-top: 20px;
  }

  .pro-right .link a:nth-child(3n) {
    margin-right: 3%;
  }

  .pro-right .link a:nth-child(2n) {
    margin-right: 0;
  }

  .pro-right .link a .ti {
    font-size: 0.3rem;
  }

  .pro-right .link a .more {
    font-size: 0.2rem;
  }

  .pro-right .link a .more img {
    width: 0.25rem;
    margin-top: -3px;
  }

  .pagination a {
    height: 30px;
    min-width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    margin-right: 5px;
  }
}

.prodetail_con {
  margin-top: 80px;
}

.video_box {
  display: none;
  position: fixed;
  z-index: 56456445645649;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .8);
}

.video_box div {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #111;
}

.video_box i {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 0;
  right: 0;
  z-index: 9;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  background-size: 70%;
}

.video_box video {
  width: 100%;
}

.m_video {
  position: relative;
}

.m_video .btn_em {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 20px;
  left: 0;
}

.m_video .btn_em a {
  box-sizing: border-box;
  width: 86px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #595757;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #999;
  margin: 0 5px;
}

.data_box {
  display: none;
  position: fixed;
  z-index: 999;
  width: 44%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  box-sizing: border-box;
  padding: 20px 30px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}

.data_box dl {}

.data_box dt {
  font-size: 20px;
  color: #333;
  line-height: 32px;
  position: relative;
  padding-right: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.data_box dt i {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  z-index: 9;
  cursor: pointer;

}

.data_box dd {
  padding-top: 10px;
}

.data_box dd a {
  display: block;
  font-size: 16px;
  color: #999;
  line-height: 2.0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}

.data_box dd a:hover {
  color: #ff1837;
}

@media (max-width: 768px) {
  .video_box div {
    width: 90%;
  }

  .data_box {
    width: 90%;
  }
}

.pro_banner {
  position: relative;
}

.index_banner1_word1 {
  box-sizing: border-box;
  position: absolute;
  right: 23%;
  top: 50%;
  transform: translateY(-50%) !important;
}

#shuomingwenzi1 {
  color: #595757;
  font-size: 28px;
  margin-bottom: 0;
  line-height: 46px;
}

#proDetail_a1 {
  box-sizing: border-box;
  width: 86px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #595757;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #999;
  margin-top: 38px;
  transition: .3s;
}

#proDetail_a {
  box-sizing: border-box;
  width: 86px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #595757;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #999;
  margin-top: 38px;
  margin-right: 10px;
  transition: .3s;
}

.pro_banner img {
  width: 100%;
}

#xiangqing_h1 {
  font-size: 17px;
  line-height: 40px;
  color: #595757;
  margin-bottom: 0 !important;
}

.pro_banner_cover_text {
  text-align: center;
}

#shuomingwenzi {
  font-size: 20px;
  letter-spacing: 4px;
  color: #595757;
  line-height: 40px;
}

#proDetail_a:hover,
#proDetail_a1:hover {
  color: #e11837;
  border: 1px solid #e11837;
}

.huxi_banner_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  letter-spacing: 0;
  top: 0;
}

.prodetail_con p img {
  vertical-align: top;
  width: 100%;
}

.jtbtn {
  display: block;
  margin: 40px auto 0;
  width: 72px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/n26.png');
  transition: 0.5s;
  /* background-size: 50px; */
}

.jtbtn:hover {
  /* background-color: #e31e3e;
  background-image: url('../img/jo.png'); */
}

@media screen and (max-width: 1450px) {

  .num {
    margin-top: 0.5rem;
  }

  .sec45 .wel-ps li .pic {
    padding-bottom: 47%;
  }

  .title dt {
    font-size: 0.3rem;
  }

  .title:after {
    margin-top: 0.2rem;
  }

  .em-left {
    width: 40%;
  }

  .d-right {
    width: 58%;
  }

  .dl-t {
    margin-bottom: 4%;
  }
}

@media screen and (max-width: 1280px) {
  .prodetail_con {
    margin-top: 50px;
  }

  .box-cen .title.show {
    margin-bottom: 0.2rem;
  }

  .swiper4 .swiper-slide {
    height: 132px;
  }

  .sec45 .product_div {
    margin-top: 20px;
  }

  .box-cen .title.show {
    margin-bottom: 0.2rem !important;
  }

  .swiper4.show {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .jtbtn {
    margin-top: 0;
  }

  .swiper4 .swiper-slide em {
    text-align: center;
  }

  .swiper4 .swiper-slide img {
    width: 80%;
  }

  .sec45 .jtbtn {
    margin-top: 20px;
  }
}


.mm_proInfo {
  display: none;
}

.wel-ps-swi {
  display: none;
}

.sec45 .wel-ps li:nth-child(8) {
  display: none;
}

.sec45 .wel-ps li:last-child {
  display: inline-block !important;
}

.sec45 .wel-ps li:nth-child(9) {
  margin-right: 0;
}


.box-cen {
  position: absolute;
  left: 50%;
  top: -moz-calc(50% + 0.4rem);
  top: -webkit-calc(50% + 0.4rem);
  top: calc(50% + 0.4rem);
  transform: translate(-50%, -50%);
}

.box-cen .title.show {
  margin-top: 0;
  margin-bottom: 0.6rem;
}

.sec45 .box-cen {
  width: 100%;
}





/* 0708 */
.g-sec2 {
  background-image: url('../img/index-bg1.png');
}

.g-sec2 .txt p {
  color: #fff;
}

.g-sec2 .box-cen .title.show {
  margin-bottom: 1.2rem;
}

.g-sec2 .num {
  margin-top: 1.4rem;
}

.g-sec3 {
  background-image: url('../img/index-bg2.png');
}

.g-sec3 .swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  background-color: transparent;
}

.g-sec3 .swiper3 .swiper-slide dl .dl-play {
  box-shadow: none;
}

.g-sec3 .jtbtn {
  background-image: url('../img/index-jt.png');
}

.g-sec4 {
  background-image: url('../img/index-bg3.png');
}

.g-qxpp {
  height: 48vh;
  width: 96%;
  display: block;
  margin-left: 2%;
  margin-top: 1vh;
}

.g-sec4 .jtbtn {
  background-image: url('../img/index-jt.png');
  margin-top: 70px;
}

.g-sec45 {
  background-image: url('../img/index-bg4.png');
}

.g-sec45 .box-cen .title.show {
  margin-bottom: 6%;
}

.g-sec45 .jtbtn {
  margin-top: 3%;
}

.g-sec5 {
  background-image: url('../img/index-bg5.png');
}

.title:after {
  background: none;
}



.mobileBox,
.sec6 {}

.pcBox,
.sec3 {
  display: block;
}

.act2{
  background-image: url('../img/product-item-bg3.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.product-item-top{
  display: none;
}
.g-swiper8{
  display: none;
}
@media screen and (max-width:750px) {
 


  .pro-0 {
    background-size: 139%;
  }

  .pro-0 img {
    width: 48%;
  }



  /* 0708 */
  .g-product_box{
    background-color: transparent;
    background-image: url('../img/product-bg1.png');
  }
  .g-ts_box{
    width: 88%!important;
    margin: 0;
  }
  .g-productYd_div ul li{
    background-color: transparent;
    background-image: url('../img/product-item-bg.png');
    border-radius: 0;
    box-shadow:none;
    position: relative;
  }
  .g-productYd_div ul li div img{
    opacity: 0;
  }
  .g-productYd_div ul li div span{
    opacity: 0;
  }
  .g-productYd_div ul li div h6{
    opacity: 0;
  }
  .g-productYd_div ul li div p{
    position: absolute;
    right: -14%;
    top: -12px;
    background-image: url(../img/product-item-bg2.png);
    display: flex;
    height: 65px;
    width: 165px;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .g-yd_box{
    margin-top: 100px;
  }
  .g-pro-list .swiper-slide p{
    white-space: nowrap;
    font-size: 13px;
  }
  .g-pro-list .pro-left-mm{
    margin: 0 auto;
    width: 82%;
    display: flex;
    flex-wrap: wrap;
  }
  .pro-left-mm2{
    margin: 0 auto;
    width: 82%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }
  .g-pro-list .swiper-slide.act p{
    color: #e21738;
  }
  .g-pro-list .swiper-slide{
    width: auto!important;
  }
  .g-pro-list{
    background: #fff;
	margin-top: 5em;
  }
  .g-pro-list .pro-right .link a{
    border: none;
  }
  .g-pro-list .pro-right .link a:nth-child(2n){
    position: relative;
  }
  .g-pro-list .pro-right .link a:nth-child(2n)::after{
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    top: 10%;
    background: #FCFCFC;
    height: 80%;
  }
  .pro-left-mm2 .swiper-slide-active{

  }
  .pro-left-mm2 .act2 p{
    color: red!important;
  }
  .act2{
    background-image: url('../img/product-item-bg3.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    box-sizing: border-box;
  }
  .product-item-top{
    display: flex;
    width: 100%;
  }
  .pro-right .link a .ti{
    font-size: 0.2rem;
    width: 80%;
    margin-left: 10%;
  }

 


}




