/* 产品详情 */
.swiper-container {
  overflow: hidden;
}

.pic-er {
  padding: 0;
}

.pic-er-left {
  position: relative;
}

.gallery-banner .swiper-slide {
  cursor: move;
}
.thumb-banner .swiper-slide {
  margin: 2px 0 0;
  opacity: 0.5;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.thumb-banner .swiper-slide-thumb-active {
  opacity: 1;
  border-color: #3498db;
}
.pic-er-left .swiper-slide img {
  width: 100%;
}

.pic-er-right {
  padding: 0.2rem;
}

.pic-er-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
}

.pic-er-keyword {
  padding: 0.2rem 0;
  font-size: 14px;
  line-height: 30px;
  color: #333;
}

pic-er-cate {
  padding: 0.2rem 0;
  font-size: 14px;
  line-height: 30px;
  color: #333;
}

.pic-er-tel {
  margin: 0.4rem 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  border-top: 1px dashed #e0e0e0;
  border-bottom: 1px dashed #e0e0e0;
}
.pic-er-tel span {
  color: #e98712;
}

.pic-er-online {
  width: 120px;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
}
.pic-er-online a {
  display: block;
  color: #fff;
  background: #e98712;
  border-radius: 10px;
}

.pic-er-preview {
  display: flex;
  justify-content: space-between;
  margin: 0.4rem 0 0;
}

.pic-er-prev,
.pic-er-next {
  display: flex;
  font-size: 14px;
  line-height: 30px;
  color: #333;
}
.pic-er-prev a,
.pic-er-next a {
  display: block;
  max-width: 3rem;
  padding: 2px 10px;
  color: #333;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

.pic-er-info {
  display: flex;
  margin: 0.4rem 0 0;
  border-bottom: 1px solid #e0e0e0;
}
.pic-er-info span {
  padding: 0 20px;
  font-size: 16px;
  line-height: 36px;
  color: #fff;
  background: #e98712;
  border-radius: 5px 5px 0 0;
}

.pic-er-p {
  min-height: 100px;
  margin: 0.2rem 0 0;
  font-size: 14px;
  line-height: 24px;
  color: #000;
}

.pic-er-p p img {
  max-width: 100%;
}

@media (min-width: 1200px) {
    .com-main{
        background: #f5f5f5;
    }    
  .pic-er {
    margin:  2.4vw 0 6vw;
    padding: 2.5vw !important;
    background: #fff;
    border-radius: 1vw;
  }
  .pic-er-line {
    display: flex;
    justify-content: space-between;
  }

  .pic-er-left {
    position: relative;
    width: 30vw;
  }

  .gallery-banner .swiper-slide {
    cursor: move;
    border: 1px solid #efefef;
  }
  .thumb-banner .swiper-slide {
    margin: 2px 0 0;
    opacity: 0.5;
    border: 1px solid #efefef;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .thumb-banner .swiper-slide-thumb-active {
    opacity: 1;
    border-color: #3498db;
  }
  .pic-er-left .swiper-slide img {
    width: 100%;
  }

  .zoom-preview-container {
    position: absolute;
    /* z-index: -1; */
    right: -0.5vw;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translate3d(100%, 0, 0);
  }

  /* 图片容器样式 */
  .zoom-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  /*  */

  .pic-er-right {
    width: 60vw;
    padding: 0 0 0 2vw;
  }

  .pic-er-name {
    font-weight: bold;
    font-size: 24px;
    line-height: 60px;
    color: #333;
    border-bottom: 1px solid #e0e0e0;
  }

  .pic-er-keyword {
    padding: 20px 0;
    font-size: 16px;
    line-height: 30px;
    color: #333;
  }

  .pic-er-cate {
    padding: 20px 0;
    font-size: 16px;
    line-height: 30px;
    color: #333;
  }

  .pic-er-tel {
    margin: 2vw 0;
    font-weight: bold;
    font-size: 24px;
    line-height: 60px;
    color: #333;
    border-top: 1px dashed #e0e0e0;
    border-bottom: 1px dashed #e0e0e0;
  }
  .pic-er-tel span {
    color: #e98712;
  }

  .pic-er-online {
    width: 160px;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
  }
  .pic-er-online a {
    display: block;
    color: #fff;
    background: #e98712;
    border-radius: 0.5vw;
  }

  .pic-er-preview {
    display: flex;
    justify-content: space-between;
    margin: 2vw 0 0;
  }

  .pic-er-prev,
  .pic-er-next {
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
  }
  .pic-er-prev a,
  .pic-er-next a {
    display: block;
    max-width: 20vw;
    padding: 0.5vw 1vw;
    color: #333;
    border: 1px solid #e0e0e0;
    border-radius: 0.5vw;
  }
  .pic-er-prev a:hover,
  .pic-er-next a:hover {
    color: #fff;
    background: #e98712;
  }

  .pic-er-info {
    display: flex;
    margin: 2vw 0 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .pic-er-info span {
    padding: 0 1vw;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    background: #e98712;
  }

  .pic-er-p {
    margin: 1vw 0 0;
    font-size: 16px;
    line-height: 30px;
    color: #000;
  }
}