.bread-crumbs {
  width: 75%;
  height: 45px;
  line-height: 45px;
  margin: auto;
  border-bottom: 1px solid #bba38766;
}

.func-param {
  margin: 50px auto;
  width: 1100px;
}

table td {
  padding: 15px 10px;
  border-top: 1px dashed #ccc;
  color: #333;
}

.edit-area {
  /* height: 100px; */
  /* line-height: 750px; */
  /* text-align: center; */
  /* font-weight: bold; */
}

table .no-right {
  border-right: none;
}

table .no-left {
  border-left: none;
}

table .has-right {
  border-right: 1px dashed #ccc;
}

table .has-bottom {
  border-bottom: 1px dashed #ccc;
}

.swiper-container {
  margin-top: 20px;
  width: 100%;
  height: 518px;
}

.bg-left {
  width: 33%;
  background: #d1c8b4;
  height: 518px;
  position: absolute;
}

.swiper-slide .bg-right {
  width: 100%;
  height: 518px;
  position: relative;
}

.swiper-slide .bg-right img {
  width: 400px;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -220px;
  left: 50%;
  margin-left: -554px;
}

.good-intro {
  width: 550px;
  height: 200px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 50%;
}

/*轮播p1层*/
.p1 {
  display: flex;
}

/*轮播p2层*/
.p2 {
  display: flex;
}

.swiper-button-prev {
  width:26px;
  height:14px;
  margin-left:20px;
  background-image: url("../images/pre.png");
}
.swiper-button-next {
  width:26px;
  height:14px;
  margin-right:20px;
  background-image: url("../images/next.png");
}
.product-pic img {
  width: 100%;
  left:0;
  margin:auto;
  display: block;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
}
.product-pic.type img {
  height: 100%;
  width:auto;
}

.product-txt {
  display: flex;
  align-items: center;
}

.txt-style {
  height: 90px;
  width: 300px;
  margin: auto;
}

.product-series {
  height: 50px;
  font-size: 28px;
  color: #333333;
  text-align: center;

}

.product-feature {
  height: 40px;
  font-size: 18px;
  color: #666666;
  text-align: center;
}

.product-more a{
  height: 40px;
  font-size: 16px;
  color: #af8437;
  text-align: center;
}
.list-view ul{display:flex;flex-direction:row;flex-wrap: wrap;padding: 0;}
.list-view {
  width: 900px;
  margin: auto;
  display: flex;
  overflow: hidden;
  transition:height 0.5s;
  flex-direction: row;
}
.list-view.cur{height: 200px;overflow: auto;}
.product-info{padding-top: 110px;}
.product-info > p {
  text-align: center;
}
.list-view p{font-size: 15px;margin-bottom: 15px;}
.product-list {
  width: 100%;
  margin: auto;
  padding-top: 20px;
}

.list-feature {
  font-size: 18px;
  color: #666;
  text-align: center;
}

.list-classify {
  font-size: 28px;
  color: #af9760;
  margin-bottom: 20px;
  text-align: center;
}

.list-description {
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
  text-align: left;
  line-height:  24px;
}

.list-view > div {
  width: 20%;
}

.list-view li {
  color: #555;
  font-size: 14px;
  margin-top: 5px;
  list-style-type: none;
  display:  flex;
  line-height: 30px;
  align-items:  center;
  cursor: pointer;
  margin: 0 10px;
  width: 150px;
}
.list-view li:hover{
  color: #af9760;
}

.list-view li.cur::before {
  color: #af9760;
}

.list-view .all-series {
  margin-top: 20px;
}

.list-view li::before {
  content: "●";
  color: #c1c1c1;
  font-size: 22px;
  margin-right: 10px;
  position: relative;
  top: -3px;
}

.expand-btn {
  height: 40px;
  width: 40px;
  margin: 30px auto;
  text-align: center;
  cursor:  pointer;
}

.expand-btn img {
  width: 12px;
  margin-bottom:10px;
}

.expand-btn p {
  font-size: 14px;
  color: #555;
}

.product-pic {
  width: 80%;
  max-width: 1417px;
  min-width: 880px;
  padding: 30px 0;
  margin: auto;
  border-top: 1px solid #eee;
  display: flex;
  flex-wrap: wrap;
}

.product-pic > div {
  width: calc(25% - 100px);
  height: 300px;
  padding: 10px 20px;
  margin: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-pic > div:hover{
  box-shadow: 0 0 30px rgba(0,0,0,.05);
  border-radius: 10px;
}
.product-pic > div a{
  text-decoration: none;
}
.product-single{
  text-align:center;
}
.product-single img{
  max-width: 50%;
  background: #fff;
}
.product-single .model-number{
  font-size:20px;
  color:#333;
  padding: 20px 0 0px;
  margin: 0;
}
.product-single .model-series{
  font-size:13px;
  color:rgba(85,85,85,0.5);
  margin: 5px 0;
}

.product-pagination {
  height: 40px;
  width: calc(80% - 20px);
  max-width: 1417px;
  min-width: 880px;
  display: flex;
  padding: 30px 0px 100px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
.product-pagination li:hover,.product-pagination li.cur{
  border: 1px solid #beac98;
}
.product-pagination li{
  display:inline-block;
  width:45px;
  height:35px;
  line-height:35px;
  border: 1px solid rgba(85, 85, 85, 0.24);
  border-radius:5px;
  text-align:center;
}
.product-pagination a{
  line-height: 35px;
  color: #868686;
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  text-decoration:none
}
.product-pagination li:hover a,.product-pagination li.cur a{
  background: #beac98;
  color: #fff;
}
.pd-bg{
  background: #e6c18d4a;
  background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#d09d554a),color-stop(100%,#422c0d61));
  background: -webkit-linear-gradient(45deg,#d09d554a 0,#422c0d61 100%);
  background: -o-linear-gradient(45deg,#d09d554a 0,#422c0d61 100%);
  background: linear-gradient(45deg,#d09d554a 0,#422c0d61 100%);
  position: relative;
  padding-top: 110px;
}
.pd-bg:after{
  content:'';
  background: #F9F4EE;
  background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#F9F4EE),color-stop(100%,#ceb99c61));
  background: -webkit-linear-gradient(45deg,#F9F4EE 0,#ceb99c61 100%);
  background: -o-linear-gradient(45deg,#F9F4EE 0,#ceb99c61 100%);
  background: linear-gradient(45deg,#fdf7f1 0,#ceb99c61 100%);
  position: absolute;
  z-index: 0;
  bottom: 0;
  width: 100%;
  height: 30%;
}
.type-bg-img{
  width: 100%;
  height: 5rem;
  position: relative;
}
.contact-detail-btn{
  width: 120px;
  background: rgba(0,0,0,.7);
  text-align: center;
  line-height: 25px;
  color: #e6c18d;
  font-size: 14px;
  border: none;
  padding: 8px 8px;
}
.product-list-box{padding-top:110px;}
#products{vertical-align: top}
.search-btn-box{vertical-align: top !important;top:0 !important;}
.search-btn-box span{font-size:14px;}
.swiper-container2{
  margin-top: 0;
  height:fit-content;
  height:-moz-fit-content;
  height:-webkit-fit-content;
}
@media only screen and (max-width: 1366px){
  .product-list-box{padding-top:90px;}
}

/*手机端自适应*/
@media screen and (max-width: 1025px) and (min-width: 320px){
  .swiper-container2{overflow: hidden;
    height:fit-content;
    height:-moz-fit-content;
    height:-webkit-fit-content;
  }
  .pd-bg{
    padding-top: 1.5rem;
  }
  .swiper-container{
    height: 11rem;
    margin-top: 0;
  }
  .swiper-slide .bg-right{
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .swiper-slide .bg-right img{
    width: 70%;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    position: static;
    margin-top: 40px;
  }
  .good-intro{
    width: 100%;
    height: 1.6rem;
    top: inherit;
    bottom: 1rem;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
  }
  .good-intro div{
    width: 1rem !important;
    height: .1rem !important;
    display: none;
  }
  .good-intro p{
    font-size: .3rem !important;
    margin-top: .2rem !important;
  }
  .good-intro>p:nth-child(2){
    margin-top: .3rem !important;
    font-size: .4rem !important;
  }
  .func-param{
    width: calc(100% - .4rem);
    margin: .4rem .2rem;
  }
  .func-param table{
    font-size: .3rem !important;
  }
  .func-param td{
    font-size: .25rem;
  }
  .func-param caption{
    font-size: .4rem !important;
    margin-bottom: .3rem !important;
  }
  .edit-area{
    /* height: 0; */
  }
  .swiper-button-prev{
    margin: auto 0;
    top: 0 !important;
    bottom: 0;
    height: .55rem;
    left: .1rem;
    width: auto;
  }
  .swiper-button-prev i {
    font-size: .5rem !important;
  }
  .swiper-button-next{
    margin: auto 0;
    top: 0 !important;
    bottom: 0;
    height: .55rem;
    right: .1rem;
    width: auto;
  }
  .swiper-button-next i {
    font-size: .5rem !important;
  }
  .product-single img{
    max-width: 70%;
  }
}
#htmlContentPc img{max-width:100%}
/*pad自适应*/
@media screen and (max-width: 1025px) and (min-width: 760px) {
  .swiper-slide .bg-right img {
    width: 3.5rem;
    margin: auto 0;
    left: 15%;
    top: 0;
    bottom: 0;
  }
  .good-intro {
    width: 40%;
    height: 1.6rem;
    top: 0;
    bottom: 0;
    left: 48%;
    margin: auto 0;
  }
  .swiper-container {
    min-height: 6rem;
    margin-top: 0;
  }
  .good-intro div{display: block}
}