.bigbox{ width:100%; height:auto; display:flex; flex-direction:column; background-repeat:no-repeat; background-position:center; background-size:cover; }
.insortbanner{ width:100%; display:flex; flex-direction:column; position:relative; background-color:#dbd5bd; }
.insortbanner i{ width:100%; display:flex; }
.insortbanner i img{ width:100%; }
.insortwords{ position:absolute;left:0;bottom:0; font-family:Arial;}
.insortwords h1{ font-size:7.6rem; color:#FFF; line-height:1.5; opacity:0.67; font-style:italic; }
.in-cat-words{width:100%;display:flex;flex-direction:column; justify-content:center; align-items:center; position:absolute;left:0;top:calc(50% - 100px);}
.in-cat-words h1{ font-size:4rem; color:#FFF; line-height:1.2; font-weight:600; }
.in-cat-words h2{ font-size:4rem; color:#FFF; line-height:1.2; font-weight:normal; position:relative; }
.in-cat-words h2::before{content:'';position:absolute;left:-95px; top:calc(50% - 3px); width:65px; height:5px; background-color: #FFF;}
.in-cat-words h2::after{content:'';position:absolute;right:-95px; top:calc(50% - 3px); width:65px; height:5px; background-color: #FFF;}
.infobox{ width:100%; display:flex; flex-direction:column; padding:15px 0px 80px; }
.sortone{ width:100%; display:flex; flex-direction:column; padding:0px 10px 15px; }
.sort-title { width:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; } 
.sort-title h2{font-size:2.4rem;font-weight:bold;color: #000;padding-bottom:8px;}
.sort-title p{color: #000;font-size: 1rem;line-height: 1.8;}
.card-row-list { width: 100%; margin-bottom: 1rem;}
.card-box { width:100%; padding:0px; }
.card-box-img{ width:100%; display:flex; flex-direction:row; }
.card-img-left {
	    height: 400px;
        padding:0px 8px 0px 0px;
    }
.card-img-center {
	   height: 400px;
       padding:0px 8px 0px 0px;
    }
.card-img-right {
	   height: 400px;
       padding: 0;
       display: flex;
       flex-direction: column;
    } 
.card-img-top {
        width: 100%;
        height: 196px;
        margin-bottom: 8px;
    }
.card-img-bottom {
        width: 100%;
        height: 196px;
    }
.card-box-img a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background-color:#dbd5bd;
}
.card-box-img a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}
.card-item{ width:100%; display:flex; flex-direction:row; justify-content:flex-start; align-items: center; border:1px solid #bababa; border-radius:10px; padding:15px; }
.card-info-img{ width:50%; display:flex; justify-content: center; align-items: center; padding-right: 3rem;}
.card-item a{ display:flex;}
.card-item a img{ max-width:100%; } 
.card-info{ display:flex; flex-direction:column;}
.card-info h2{font-size:1.8rem;font-weight:bold;color: #000;padding-bottom:8px;}
.card-info p{font-size:1rem;line-height: 1.8; padding: 10px 0px 20px;}
.card-info a{ width:120px; height:40px; background-color: #000; display: flex; justify-content: center; align-items: center; font-size:1rem; padding: 0px 5px; color:#FFF; border-radius: 5px; font-size:0.95rem; border: 1px solid #000; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.card-info a:hover{ background-color:#FFF; color:#000; }
.cat-one{width:100%;display: flex;}
.cat-title{width:100%;display: flex; justify-content: center; align-items: center; text-align: center;}
.cat-title h1{ font-size:2.4rem; color:#000; line-height:1.5; padding:40px 0px; }
.cat-one-main{width:100%;display:flex;}
.aSwiper{width:100%; overflow:hidden;}
.sortbox{  display:flex; flex-direction:column; background-color:#eed9b9; border-radius:10px; overflow:hidden;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.sortbox div{width:100%;height:65px;display:flex; justify-content:center; align-items:center; padding: 5px 5px 0px;}
.sortbox div h1{font-size:1rem; color:#000; font-weight:600; position: relative; text-align: center;}
.sortbox div h1::before{content:''; position:absolute; left: -30px; top:8px; width:18px; height:1px; background-color:#000; }
.sortbox div h1::after{content:''; position:absolute; right: -30px; top:8px; width:18px; height:1px; background-color:#000; }
.sortbox i{ width:100%; display:flex; overflow:hidden; }
.sortbox i img{width:100%; -webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.sortbox:hover i img{-webkit-transform: scale(1.06); -moz-transform: scale(1.06); transform: scale(1.06);}
.sortbox:hover{background-color:#d0bc9d;}
.sortbox.active{background-color:#d0bc9d;}
.cat-two{width:100%;display:flex;}
.cat-two-title{width:100%;display:flex;flex-direction:column; justify-content:center;align-items: center;text-align: center; padding: 55px 0px 20px;}
.cat-two-title h1{font-size:2.4rem;line-height:1.6;color:#000; font-weight:600;}
.cat-two-title p{font-size:1rem;color:#000;line-height:1.6;}
.cat-two-box{width: 100%; display: flex; position: relative;}
.bSwiper{width:100%; padding: 35px 15px 45px; }
.cpbox{ border:1px solid #cfcfcf; -webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;}
.cpbox i{ width:100%; display:flex; overflow:hidden;}
.cpbox i img{ width:100%; }
.cat-two-name{ width:100%; display:flex; flex-direction:column; padding:20px; }
.cat-two-name h1{font-weight: normal;font-size:0.875rem;color:#000;line-height: 1.5;}
.cat-two-name p{font-size:0.875rem;color:#000;line-height: 1.5;}
.cpbox:hover .cpbox i img{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); transform: scale(1.08); }
.cpbox:hover{filter:progid:DXImageTransform.Microsoft.Shadow(color=#e0d4c2,direction=120,strength=4);
-moz-box-shadow: 0px 0px 10px 5px #e0d4c2;
-webkit-box-shadow: 0px 0px 10px 5px #e0d4c2;
box-shadow:0px 0px 10px 5px #e0d4c2;
transform: translateY(-20px);
}
.cat-two .swiper-scrollbar{height:5px; }
.cat-two .swiper-scrollbar-drag{ background-color:#6d5837; height:5px; }

.cat-two-box .swiper-button-prev,
.cat-two-box .swiper-button-next {
  opacity:1;
  transition: opacity 0.3s ease, left 0.3s ease, right 0.3s ease, background-color 0.3s ease;
  background-color: rgba(238, 217, 185, 0.3);
  color: white;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.cat-two-box .swiper-button-prev:not(.swiper-button-disabled),
.cat-two-box .swiper-button-next:not(.swiper-button-disabled) {
  background-color: #eed9b9;
}
.cat-two-box:hover .swiper-button-prev:not(.swiper-button-disabled),
.cat-two-box:hover .swiper-button-next:not(.swiper-button-disabled) {
  opacity: 1;
  background-color: #907c6a;
}
.cat-two-box .swiper-button-prev { 
  left: -100px; 
}
.cat-two-box .swiper-button-next { 
  right: -100px; 
}
.cat-two-box:hover .swiper-button-prev { 
  left: 0;
}
.cat-two-box:hover .swiper-button-next { 
  right: 0;
}
.cat-two-box .swiper-button-prev::after,
.cat-two-box .swiper-button-next::after {
  font-size:2rem;
  font-weight: bold;
  transition: transform 0.2s ease;
  color: #ffffff;
}
.cat-two-box:hover .swiper-button-prev:not(.swiper-button-disabled)::after {
  transform: translateX(-2px);
}
.cat-two-box:hover .swiper-button-next:not(.swiper-button-disabled)::after {
  transform: translateX(2px);
}
.cat-three{width:100%;display:flex;}
.cat-th-title{width:100%;display:flex;justify-content:center; align-items:center;}
.cat-th-title h1{font-size:2.4rem;padding:60px 0px 35px;line-height:1.6;color:#000; font-weight:600;}
.cat-th-show{width:100%;display:block;position: relative;border-radius:50px; overflow: hidden;}
.cSwiper .swiper-slide img{width:100%;}
.cat-th-show .swiper-scrollbar{left:9%;bottom:50px;height:5px; width:82%; }
.cat-th-show .swiper-scrollbar-drag{ background-color:#6d5837; height:5px; }
.cat-th-show .swiper-button-prev::after,
.cat-th-show .swiper-button-next::after {
  font-size:3rem;
  font-weight: bold;
  transition: transform 0.2s ease;
  color: #ffffff;
}
/* 查找 */
.prosearch {padding:50px 0px; position: relative;width:270px; margin-left: auto;}
.prosearch form { position: relative; display: flex;align-items: center;}
.prosearch input[type="text"] {width: 100%;height: auto; color:#333333; padding: 12px 40px 12px 15px;border: 1px solid #d2d2d2;font-size:0.85rem;transition: all 0.3s;}
.prosearch input[type="text"]:focus {border-color: #000;box-shadow: 0 0 8px rgba(0,0,0,.25);outline: none;}
.prosearch i {position: absolute;right: 15px;top: 50%;transform: translateY(-50%);cursor: pointer;}
.prosearch img {width:30px;height:30px;}
button{ background-color:#FFF;border:0; outline:none; }

.s-words{width:100%;display: flex; justify-content:flex-start; align-items: center; flex-direction: row; padding:45px 0px 0px;}
.s-wwd{ display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding-right:15px; }
.s-words .s-wwd h1{ font-size:1.6rem; line-height:1.5; font-weight:600; }
.s-words .s-wwd p{font-size:1rem; line-height:1.5; font-weight:600; }
.s-words .prosearch{ padding:0; }
/* 内页 */
.pro-info{ width:100%;display:flex;flex-direction:row; }
.infol{ width:55%;}
.infol .swiper-slide img{ width:100%;}
.swipera{ width:100%; position: relative; overflow: hidden; border:1px solid #f4f4f4;}
.swipera .zoom-hand{ position: absolute; right:15px; bottom:15px; z-index: 1;}
.swiperb{ position: relative; overflow: hidden; margin-top: 8px;}
.swiperb .swiper-slide{ border:2px solid #e4e4e4; }
.swiperb .img-thumbnail{ border:0!important; }
.swiperb .swiper-wrapper{ }
.swiperb .swiper-wrapper .swiper-slide{ width:80px; cursor: pointer;}
.swiperb .swiper-slide-thumb-active { border:2px solid #d0bc9d!important;}
#prev{ position: absolute; left:0px; top:45%; transform: translateY(-50%); background: url(../../uploads/svg-loaders/back-big-left.svg) center center no-repeat; background-size:100%; width:50px; height:50px; z-index: 99; }
#next{ position: absolute; right: 0; top:45%; transform: translateY(-50%); background: url(../../uploads/svg-loaders/back-big-right.svg) center center no-repeat; background-size:100%;width:50px; height:50px; z-index: 99; }

.infor{ width:45%;display:flex; flex-direction:column; padding-left:60px; }
.top-one{ width:100%; display:flex; flex-direction:row; justify-content: space-between;  padding:10px 0px; position:relative;border-bottom:1px solid #c0c0c0;}
.top-one-l{ display:flex;flex-direction:column; }
.top-one-l h1{ font-size:1.8rem; font-weight:normal; line-height:1.8; color:#000; }
.top-one-r{ display:flex; }
.top-one-r a{ width:30px; display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.top-one-r a img{ width:100%;}
.top-two{ width:100%; display:flex; flex-direction:column; color:#000; line-height:1.5; font-size:1rem; padding:15px 0px; }
.top-two p{ font-size:1.2rem; line-height:1.5; padding:3px 0px; color:#000; }
.top-th{ width:100%; display:flex; flex-direction:column; color:#000; line-height:1.5; font-size:1rem; padding:25px 0px 10px; }
.top-th p{  }
.top-th ul{ width:100%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; }
.top-tfour{ width:100%; padding:30px 0px; }
.top-five{ width:100%; display:flex; flex-direction:column; }
.top-five h1{font-size:1rem;line-height: 1.5; padding: 10px 0px;}
.top-five p{ width:320px; display:flex; color:#FFF;flex-direction:row; justify-content:flex-start; align-items:center; background-color:#000000; margin:5px 0px; padding: 5px;}
.top-five i{ width:30px; height:30px;display:flex; justify-content:center; align-items:center; flex-shrink:0; }

/*更多*/
.morebox{ width:100%; display:flex; flex-direction:column; padding:50px 0px 0px;}
.more-title{ width:100%; display:flex; justify-content:flex-start; }
.more-title h1{ font-size:2rem; line-height:1.5; font-weight:normal; color:#000; padding:0px; }
.more-cpbox{ width:100%; padding:20px 0px; }
/*空*/
.searchbox{ width:100%;display:flex; flex-direction:column; padding:30px 0px 100px; }
.words{width:100%;display: flex; justify-content:flex-start; align-items: center; flex-direction: row; padding:30px 0px 0px;}
.words h1{ font-size:1.6rem; line-height:1.5; font-weight:600; }
.words p{font-size:1rem; line-height:1.5; font-weight:600; }
.empty-product { text-align: center; padding: 50px 20px; background:#f8f9fa; border-radius: 8px; margin: 30px 0;}
.empty-product img { width: 90px;opacity: 0.8;}
.empty-product p {font-size:1rem;color: #6c757d;}
.btn-back { font-size:1rem; margin-top: 20px; padding: 8px 25px; border-radius: 20px; background: #333; color: white !important; transition: all 0.3s;}
.btn-back:hover { background: #000; transform: translateY(-2px);}

/*分页*/
.pagination-box { width:100%; display:flex; justify-content:center; align-items:center; padding: 30px 0px;}
.pagination { display:flex; justify-content:center; align-items:center; }
.pagination li { margin: 0 5px;}
.pagination li a, 
.pagination li span {display:block;border-radius:4px;cursor: pointer; color:#000;}
.pagination li a.cw{width:32px;height:32px;border-radius:360px;display:flex;justify-content:center;align-items:center;}
.pagination li.active a {background: #000;color: white;}
.pagination li.disabled a {color: #ddd;cursor: not-allowed;}
.pagination li a:hover:not(.disabled) {opacity: 0.8}
.pagination li a.cw:hover:not(.disabled) {background: #666;color: white;}

@media (max-width: 1430px) {
.insortwords h1{ font-size:5.6rem; line-height:1.2  }
.in-cat-words h1{ font-size:3rem; }
.in-cat-words h2{ font-size:3rem; }
.in-cat-words h2::before{left:-70px; width:40px; height:3px; }
.in-cat-words h2::after{right:-70px; width:40px; height:3px;}

}
@media (max-width: 1230px) {
.insortwords h1{ font-size:4.6rem; }
}
/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.insortwords h1{ font-size:3.6rem; }
.in-cat-words{top:40%;}
.in-cat-words h1{ font-size:2.5rem;  }
.in-cat-words h2{ font-size:2.3rem; }

}
/* xs */
@media (max-width: 767px) {
.bigbox{ margin-top:50px; }
.insortwords h1{ font-size:2rem;}

.infobox{ padding:20px 0px 50px; }
.sortone{ padding:0px 15px 15px; }
.sort-title h2{font-size:1.4rem; padding-bottom:5px;}

.card-row-list { margin-bottom:0.8rem;}
.card-box-img{flex-wrap:wrap; }
.card-img-left { height:170px;padding:0px 0px 8px;}
.card-img-center { height:200px; padding:0px 8px 0px 0px;}
.card-img-right { height:200px;} 
.card-img-top { width: 100%; height:96px;}
.card-img-bottom {width: 100%;height: 96px;}

.card-info-img{ padding-right:1rem;}
.card-info h2{font-size:1.25rem;padding-bottom:0;}
.card-info p{font-size:0.9rem; line-height: 1.5; padding: 15px 0px;}
.card-info a{ width:100px; height:35px; font-size:0.95rem;}

.in-cat-words{top:35%;}
.in-cat-words h1{ font-size:1.7rem;  }
.in-cat-words h2{ font-size:1.5rem; }

.cat-title h1{ font-size:1.4rem; padding:20px 0px; }
.sortbox div{height:50px; padding: 5px 5px 0px;}
.sortbox div h1{font-size:0.85rem;}
.sortbox div h1::before{left: -13px; top:5px; width:10px;}
.sortbox div h1::after{right: -13px; top:5px; width:10px;}

.cat-two-title{ padding:40px 0px 20px;}
.cat-two-title h1{font-size:1.4rem;}
.bSwiper{ padding:5px 0px 15px 0px; }
.cat-two-name{ padding:20px 15px; }
.cat-two-name h1{font-size:0.83rem;}
.cat-two-name p{font-size:0.83rem;}
.cat-two-box .swiper-button-prev { left:0px; width:40px;height:40px;}
.cat-two-box .swiper-button-next { right:0px; width:40px;height:40px;}
.cat-two-box .swiper-button-prev::after,
.cat-two-box .swiper-button-next::after {font-size:1.3rem;}

.cat-th-title h1{font-size:1.4rem;padding:40px 0px 20px;}
.cat-th-show{ border-radius:20px;}
.cat-th-show .swiper-button-prev::after,
.cat-th-show .swiper-button-next::after {font-size:2rem;}
.cat-th-show .swiper-scrollbar{bottom:20px;}

/* 查找 */
.prosearch {padding:20px 0px; width:100%;}
.s-words{ align-items:flex-start; flex-direction:column; padding:25px 0px 0px;}
.s-wwd{ padding-right:0; padding-bottom:15px; }

/* 内页 */
.pro-info{flex-direction:column; }
.infol{ width:100%;}
.swiperb .swiper-wrapper .swiper-slide{ width:60px; }
#prev{width:40px; height:40px;}
#next{width:40px; height:40px;}
.top-tfour{ padding:5px 0px; position:absolute; left:0; top:0; }
.infor{ width:100%; padding: 100px 0px 0px; position: relative;}
.top-one{ padding:10px 0px;}
.top-one-l h1{ font-size:1.35rem;}
.top-two p{ font-size:1.1rem; }

/*更多*/
.morebox{ padding:0px;}
.more-title h1{ font-size:1.6rem; }
.more-cpbox{ padding:15px; }
.xp-3{ padding:5px!important; }

/*空*/
.searchbox{ padding:20px 10px 50px; }
.words{ padding:20px 0px 0px;}
.words h1{ font-size:1.4rem; }
.words p{font-size:1.2rem; }
.empty-product {  margin:0px 0;}


}

@media (max-width: 480px) {
  .infol .swiper-slide img{ max-width:480px; }
}