@charset "UTF-8";


/* product-list */
.product-list {
  padding: 0.5rem 0px 1rem;
}
.product-list ul {
  margin: 0px -0.15rem;
  padding-bottom: 1rem;
}
.product-list ul li {
  width: 33.33%;
}
.product-list ul li {
  margin-top: 0.5rem;
}
.product-list ul li a {
  display: block;
  margin: 0px 0.15rem;
}
.product-list .page-img {
  padding: 0.2rem;
  background: #f2f2f2;
}
.product-list .page-con {
  overflow: hidden;
}
.product-list .page-tit {
  padding: 0.3rem;
  background: #f7b228;
  color: #fff;
  font-weight: bold;
}
.product-list .bg_container {
  padding-bottom: 70%;
  background-size:contain;
  background-color: #fff;
}


@media only screen and (max-width:767px){

  .product-list ul li {
    width: 100%;
  }
}  



/* page-pro-tab-wrap */
.page-pro-tab-wrap {
  background: #f2f2f2;
  border-bottom: 2px solid #f6b13b;
  padding-top: 0px;
}
.page-pro-tab-wrap .swiper-slide.on a::before {
  display: none;
}
.page-pro-tab-wrap .swiper-wrapper {
  width: auto;
}
.page-pro-tab-wrap .swiper-slide {
  width: auto;
  padding: 0px 0.32rem;
}
.page-pro-tab-wrap .swiper-slide.on a {
  color: #fff;
  background: #f6b13b;
}
.page-pro-tab-wrap .swiper-slide a {
  padding: 1.2em 0.64rem;
}

.page-pro-tab-wrap.active {
  position: fixed;
  width: 100%;
  z-index:999;
}


@media only screen and (max-width:767px){
  .page-pro-tab-wrap {
    padding: 0px;
  }
  .page-pro-tab-wrap .swiper-slide{
    display: inline-block;
    padding: 0px;
  }
  .page-pro-tab-wrap .swiper-slide a {
    padding: 0.2rem;
  }
}



/* page-pro-tab-wrap */
.page-pro-tab-wrap {
  background: #f2f2f2;
  border-bottom: 2px solid #f6b13b;
  padding-top: 0px;
}
.page-pro-tab-wrap ul li.on a::before {
  display: none;
}
.page-pro-tab-wrap ul {
  width: auto;
}
.page-pro-tab-wrap ul li {
  width: auto;
  padding: 0px 0.32rem;
}
.page-pro-tab-wrap li.on a {
  color: #fff;
  background: #f6b13b;
}
.page-pro-tab-wrap li a {
  padding: 1.2em 0.64rem;
  display:inline-block;
}

.page-pro-tab-wrap.active {
  position: fixed;
  width: 100%;
  z-index:999;
}


@media only screen and (max-width:767px){
  .page-pro-tab-wrap {
    padding: 0px;
  }
  .page-pro-tab-wrap li a {
    padding: 0.2rem 0.15rem;
  }
  .page-pro-tab-wrap ul li {
    padding: 0px 0.1rem;
  }
}

.nr-nav-con {
  padding-bottom: 1rem;
}

/* pro-advantage */
.pro-advantage {
  padding: 0.68rem 0px 0.07rem;
}
.pro-advantage .page-list {
  padding-right: 1rem;
  padding-top: 0.31rem;
}
.pro-advantage .page-list ul li {
  width: 100%;
  padding-left: 1.8em;
  position: relative;
  margin-top: 0.17rem;
  padding-right: 0.5rem;
}
.pro-advantage .page-list ul li::before {
  position: absolute;
  content: "";
  left:0.6em;
  background: #d6d6d6;
  border-radius: 50%;
  width: 0.65em;
  height: 0.65em;
  top:0.5em;
}
.pro-advantage .page-img {
  padding-top: 0.5rem;
}
.pro-advantage .page-img .page-ico img {
  height: 4.2083em;
}
.pro-advantage .page-img .page-tit {
  padding-top: 0.2rem;
}
.pro-advantage .page-img ul li {
  min-width:14%;
  padding:0.2rem;
}

@media only screen and (max-width:1240px){
  .pro-advantage .page-list {
    padding-right: 0px;
  }
}  
@media only screen and (max-width:767px){
  .pro-advantage .page-list ul li {
    width: 100%;
    padding-right: 0px;
  }
  .pro-advantage .page-img ul li {
    padding: 0.1rem;
  }
}  


/* pro-parameter */
.pro-parameter {
  padding-top: 0.68rem;
}
.pro-parameter .page-con {
  padding: 0.6rem 0px;
}
.pro-parameter .page-con img {
  max-width: 100%;
}

/* pro-banner */
.pro-banner {
  padding: 1rem 0px;
}
.pro-banner .pro-big-swiper {
  width: 47.5157%;
  overflow: hidden;
  position: relative;
  background: #f2f2f2;
}
.pro-banner .pro-big-swiper img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top:0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.pro-banner .pro-big-swiper .bg_container {
  height: 100%;
  width: 100%;
}
.pro-banner .page-text {
  width: 46.91%;
  padding: 0.59rem 0px 1.2rem;
}
.pro-banner .page-tit span {
  display: inline-block;
  position: relative;
  padding-bottom: 0.1rem;
}
.pro-banner .page-tit span:before {
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  content: "";
  background: #f6b13b;
  height:0.06818em;
}
.pro-banner .page-con {
  margin: 0.42rem 0px 0.26rem;
  letter-spacing: 0.075em;
  line-height: 1.8;
  height: 12.6em;
  max-height: 12.6em;
  overflow: hidden;
  overflow-y: auto;
}
.pro-banner .page-text .page-img {
  padding-bottom:66%;
  background: #f1f1f1;
  border: 2px solid #d6d6d6;
  cursor: pointer;
  position: relative;
}
.pro-banner .page-text .page-img .bg_container {
  position: absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  background-size:contain;
}
.pro-banner .page-text .page-img img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  left: 0px;
  top:0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}
.pro-banner .page-imgtab {
  margin-right: 0.6rem;
  overflow: hidden;
  position: relative;
}
.pro-banner .page-imgtab .swiper-slide {
  width: 22%;
  margin-right: 3%;
}
.pro-banner .swiper-slide-thumb-active .page-img {
  border-color: #f5ad3a;
}
.pro-banner .page-imgtab .page-btn {
  width: 2em;
  height:2em;
  background: #f5ad3a;
  border-radius:50%;
  color: #fff;
  margin-top: -1em;
}
.pro-banner .swiper-button-next:after,.pro-banner  .swiper-button-prev:after {
  font-size: 1em;
}
.pro-banner .page-more {
  display: none;
}
.pro-banner .swiper-button-prev {
  left: 0px;
}
.pro-banner .swiper-button-next {
  right: 0px;
}
.pro-banner .swiper-button-disabled {
  display: none;
}
.pro-banner .page-imgtab:hover .page-btn-show {
  display:block;
}

@media only screen and (max-width:767px){
  .pro-banner {
    padding: 0.5rem 0px 0px;
  }
  .pro-banner .pro-big-swiper {
    width: 100%;
    height: 5.5rem;
  }
  .pro-banner .page-text {
    width: 100%;
    padding-bottom: 0.7rem;
  }
  .pro-banner .page-imgtab {
    margin-right: 0px;
    margin-top:0.7rem;
  }
  .pro-banner .page-con {
    height: auto;
  }

}