/*banner*/
body {
  background: #fff;
}
.g-product-banner .product-swiper-box {
  margin-bottom: 50px;
}
.g-product-banner .product-swiper-box .product-swiper .banner-product-type {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 60px;
  padding-left: 47px;
  background: #dadcda;
}
.g-product-banner .product-swiper-box .swiper-container-horizontal > .swiper-pagination-bullets {
  width: auto;
  right: 45px;
  left: auto;
}
.g-product-banner .product-swiper-box .swiper-pagination-bullet-active {
  background: #5cc921;
}
.g-product-banner .product-swiper-box .swiper-button-next,
.g-product-banner .product-swiper-box .swiper-button-prev {
  width: 51px;
  height: 51px;
  background: rgba(0,0,0,0.2);
  border-radius: 50%;
}
.g-product-banner .product-swiper-box .swiper-button-next:hover,
.g-product-banner .product-swiper-box .swiper-button-prev:hover {
  background: rgba(92,201,33,0.6);
}
.g-product-banner .product-swiper-box .swiper-button-next img,
.g-product-banner .product-swiper-box .swiper-button-prev img {
  width: 12px;
  height: 21px;
}
.g-product-banner .product-swiper {
  width: 100%;
}
.g-product-banner .product-swiper .swiper-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0 auto;
}
.g-product-banner .product-introduce {
  width: 355px;
  height: 532px;
}
.g-product-banner .product-introduce .label {
  padding: 110px 0 100px;
  font-size: 30px;
}
.g-product-banner .product-introduce .introduce-line {
  width: 48px;
  height: 4px;
  margin: 30px 0 40px;
  background: #ededed;
}
.g-product-banner .product-introduce .introduce-des {
  font-size: 18px;
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**导航**/
.detail-nav {
  position: sticky;
  top: 118px;
  left: 0;
  z-index: 10;
  background: #ebebeb;
}
.detail-nav li {
  width: 158px;
  height: 75px;
  line-height: 75px;
  font-size: 18px;
  text-align: center;
  color: #000;
  border-right: 1px solid #fff;
  cursor: pointer;
}
.detail-nav li.active {
  position: relative;
  background: #fff;
}
.detail-nav li.active:before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #02cafd 0%, #8dfc9f 100%);
}
/**主体**/
.g-main .main-body {
  padding-top: 66px;
}
.g-main .main-body .detail-head .nav-swiper {
  background: #ebebeb;
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}
.g-main .main-body .detail-head .txt {
  margin-top: 60px;
  font-size: 18px;
  text-align: center;
}
.g-main .main-body .detail-head .nav {
  border: 1px solid #ebebeb;
  border-radius: 0 0 20px 20px;
  font-size: 24px;
  color: #000;
  overflow: hidden;
}
.g-main .main-body .detail-head .nav li {
  cursor: pointer;
  line-height: 100px;
  flex: 1;
}
.g-main .main-body .detail-head .nav li .icon {
  width: 134px;
  height: 134px;
  border-radius: 50%;
  filter: grayscale(1);
}
.g-main .main-body .detail-head .nav li .icon.icon-1 {
  background: url("../image/v2/icon-detail-nav-1.png") no-repeat center/contain;
}
.g-main .main-body .detail-head .nav li .icon.icon-2 {
  background: url("../image/v2/icon-detail-nav-2.png") no-repeat center/contain;
}
.g-main .main-body .detail-head .nav li .icon.icon-3 {
  background: url("../image/v2/icon-detail-nav-3.png") no-repeat center/contain;
}
.g-main .main-body .detail-head .nav li .icon.icon-4 {
  background: url("../image/v2/icon-detail-nav-4.png") no-repeat center/contain;
}
.g-main .main-body .detail-head .nav li.active {
  color: #5cc921;
  background: #fff;
}
.g-main .main-body .detail-head .nav li.active .icon {
  filter: none;
}
.g-main .main-body .detail-head .photogx {
  margin-top: 90px;
}
.g-main .main-body .detail-head .photogx img {
  margin-bottom: 20px;
}
.g-main .main-body .detail-body {
  color: #7d7d7d;
  line-height: 48px;
}
.g-main .main-body .detail-body h2 {
  padding: 60px 0;
  font-size: 36px;
  color: #9a9a9a;
}
.g-main .main-body .detail-body img {
  width: 465px;
  object-fit: contain;
  margin: 0 auto;
}
.g-main .main-body .detail-body .fileur-content {
  padding-bottom: 100px;
}
.g-main .main-body .detail-body .fileur-content a {
  color: #00f;
}