ul li {
  list-style: none;
}


.box .title {
  font-size: 28px;
  text-align: center;
  padding: 40px 0;
  color: #000;
  margin-bottom: 50px;
}

.box li {
  float: left;
  width: 270px;
  height: 210px;
  overflow: hidden;
  margin-right: 29px;
  margin-top: 38px;
  text-align: center;
  font-size: 15px;
}

.box ul {
  position: relative;
  width: 1200px;
}

.box li p {
  /* padding-top: 10px; */
}

.box li a:hover {
  color: #bc9882;
}

.box li .pic {
  /* width: 270px; */
  /* height: 182px; */
  overflow: hidden;
  border-radius: 5px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  /* position: relative; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 20px;
}

.red {
  color: #9C1D22 !important;
  background-color: #fff;
  border-radius: 3px;
  padding: 0 5px;
  font-size: 10px;
  margin-right: 5px;
}

.grey {
  color: #61646A;
  background: #FFFFFF;
  border-radius: 3px;
  padding: 0 5px;
}

.redbox {
  background-color: #952225;
  color: #fff;
  border-radius: 3px;
  padding: 1px 5px;
  margin-right: 5px;
}

.box li .pic img {
  vertical-align: middle;
  height: 182px;
  width: 300px;
  height: 300px;
  object-fit: contain;
}




.box li.shuicaoBox {
  height: 260px;
}

.box li .btn {
  text-align: center;
  padding-top: 10px;
}





.box li .btn a:hover,
.box li .btn a {
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}


















.pagination {
  position: absolute;
  left: 0;
  bottom: 59px !important;
  z-index: 99;
  width: 100%;
  text-align: center;
}

.swiper-pagination-bullet {
  border-radius: 0;
  width: 12px !important;
  height: 2px !important;
  display: inline-block;
  background: #fff !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  margin-right: 4px;

}

.swiper-pagination-bullet-active {
  background: rgba(156, 29, 34, 1) !important;
  height: 2px !important;
  width: 61px !important;
  opacity: 1 !important;
}




.page-main {
  position: relative;
}





.page-main.toggle .prod-list-wrap .w1170 {
  width: 100%;
}

.page-main.toggle .prod-list-wrap .box ul {
  width: 1020px;
}

.page-main.toggle .prod-list-wrap .box li {
  list-style: none;
  width: 230px;
  margin-left: 4px;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 4px;
}

.page-main.toggle .prod-list-wrap .serial-name {
  margin-bottom: 38px;
}

.tags {
  color: #61646A;
  font-size: 12px;
  border: 1px solid #F0F0EE;
  box-sizing: border-box;
  padding: 1px 6px 2px 7px !important;
  border-radius: 3px;
  padding: 1px 0;
  margin-right: 1px;
  display: inline-block;
}

.page-main.toggle .filter-prod-list {
  margin-left: 0;
}



























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

  .page-main.w1170,
  .control-header.w1170 {
    width: 980px;
  }

  .page-main.toggle .default-prod-list .box ul {
    width: 860px;
  }

  .page-main.toggle .default-prod-list .box li {
    width: 180px;
  }
}

.box>h1.title {
  display: none;
}

.prod-list-wrap .box {
  margin-top: 0;
}

.filter-prod-container {
  overflow: hidden;
}

.prod-list-wrap .serial-name {
  margin-left: 20px;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
  display: block;
}

.categoryPage_box {
  margin-left: 28px;
}

/* 大卡小卡 */
.isBigCard {
  width: 422px !important;
  height: 555px !important;
  background: #fff !important
}
.isBigCard .twoBtn{
    margin-left: 36px;
    margin-top: 18px;
}
.isSmallCard {
  width: 280px !important;
  height: 376px !important;
  background: #fff !important
}
.isSmallCard .twoBtn{
  margin-left: 25px;
  margin-top: 15px
}

/* 大卡下面的样式--start */
/* labels */
.isBigCard .mgt56 {
  margin-top: 56px;
}


.isBigCard .showModel {
  width: 270px;
  height: 20px;
  font-size: 18px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 20px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 6px;
}

.isBigCard .describe {
  /* width: 187px; */
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
  height: 34px;
  box-sizing: border-box;
  padding: 0px 15px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 6px;
}
.isBigCard .titleBox {
  margin: 0 auto;
  margin-top: 56px;
  height: 82px;
}

/* 大卡下面的样式---end */
.isSmallCard .mgt56 {
  height: 22px;
  width: 270px;
  margin: 0 auto;
  margin-top: 20px;

  overflow: hidden;
}



.isSmallCard .showModel {
  overflow: hidden;
  width: 210px;
  height: 16px;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 16px;
  width: 270px;
  margin: 0 auto;
  margin-top: 6px;
}

.isSmallCard .describe {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 17px;
  height: 17px;
  width: 270px;
  margin: 0 auto;
  margin-top: 4px;
  overflow: hidden;
}


/* 小卡下面的样式---start */

/* 小卡下面的样式----end */
.box .isSmallCard .pic img {
  vertical-align: middle;
  height: 182px;
  width: 200px;
  height: 200px;
  object-fit: contain;
}
.box .isSmallCard .titleBox {
  margin: 0 auto;
  margin-top: 20px;
  height: 65px;
}

.titleBox>div {
  display: flex;
  justify-content: center;
}

.titleBox>div>.mainTitle {
  margin-right: 15px;
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  height: 24px;
  line-height: 24px;
  text-align: left;
  width: 60px;
  overflow: hidden;
  margin-right: 15px;
}

.titleBox>div>.subheading {
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 400;
  line-height: 24px;
  height: 24px;
  text-align: left;
  width: 100px;
  overflow: hidden;
}

.knowDetails1 {
  position: absolute;
  width: 88px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 29px;
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  background: rgba(216, 216, 216, 0);
  font-weight: 600;
  color: #FFFFFF;
}

.isSmallCard .knowDetails1 {
  position: absolute;
  width: 88px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 21px;
  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  background: rgba(216, 216, 216, 0);
  font-weight: 600;
  color: #FFFFFF;
}
.knowDetails1:hover {
  color: #000;
  background: #fff;
}

.knowDetails:hover {
  background: #000;
  color: #fff;
}

.isSmallCard .knowDetails {
  margin-top: 10px;
}
.isBigCard .noSellPoint {
  position: absolute;
 
  top: 376px;
  right: 0;
  left: 0;
  margin: 0 auto;
  color: #000;
}
.isSmallCard .noSellPoint {
  position: absolute;
 
  top: 245px;
  right: 0;
  left: 0;
  margin: 0 auto;
  color: #000;
}

.slideshow_box {
  position: absolute;
  top: 255px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
}

.slideshow_box>.slideshow_title {
  text-align: center;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #F5F5F5;
}

.slideshow_box>.slideshow_describe {
  margin-top: 15px;
  height: 22px;
  font-size: 26px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 22px;
  text-align: center;
}

.slideshow_box>.slideshow_twoBtn {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.slideshow_box>.slideshow_twoBtn>.slideshow_twoBtn_left {
  width: 100px;
  height: 40px;
  background: rgba(216, 216, 216, 0);
  border: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 40px;
  text-align: center;


  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  margin-right: 15px;
  cursor: pointer;
}

.slideshow_box>.slideshow_twoBtn>.slideshow_twoBtn_right {
  width: 88px;
  height: 40px;
  background: rgba(216, 216, 216, 0);
  border: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 40px;
  text-align: center;


  font-size: 12px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  cursor: pointer;
}

/* 底部面包屑 */
.categoryProduct_crumbs {
  height: 60px;
  background: #FFFFFF;
  width: 100%;
  line-height: 60px;
  margin-top: 123px;
  font-size: 12px;
  font-family: PingFangSC-Light, PingFang SC;
  font-weight: 300;
  color: #000000;
}

.categoryProduct_crumbs_box {
  display: flex;
}

.categoryProduct_crumbs_one {
  margin-right: 10px;
}

.categoryProduct_crumbs_two {
  margin-right: 10px;
}

.categoryProduct_crumbs_three {
  margin-right: 10px;
}

.categoryProduct_crumbs_four {
  margin-right: 10px;
}

.categoryProduct_crumbs_five {
  font-weight: 600;
  color: #000000;
}


.categoryPage_main img{
  width: 100%;
  height: auto;
}
/* 轮播图样式 */
.wrapBox{
  position: relative;
}
.wrapBox .mytxt{
  position: absolute;
  top: 40%;
  /* width: 100%; */
}
.wrapBox .mytxt h2{
  margin-bottom: 25px;
  font-size: 26px;
}
.wrapBox .mytxt  p{
  margin-bottom: 15px;
  margin-top: 5px;
  font-size: 14px;
}


.whiteWordWhiteFrame {
  color: #fff;
  border: 1px solid #fff;
}
.whiteWordWhiteFrame:hover{
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
  font-weight: 600;
}
 .blackWordBlackFrame {
  color: #000;
  border: 1px solid rgba(255,255,255,0.3);
}
.blackWordBlackFrame:hover{
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
  font-weight: 600;
}
.whiteWordRedBottom {
  color: #fff;
  background-color: #9C1D22;
}
.whiteWordRedBottom:hover {
  background-color: #C3242A;
  font-weight: 600;
}
.categoryPage_main  .imblock{
  box-sizing: border-box;
  padding:13px 20px ;
  margin-right: 15px;
  cursor: pointer;
}
.categoryPage_main

/* 居中 */
.wrapBox .boxMiddle{
  width: 100%;
}
.wrapBox .boxMiddle .middle{
  text-align: center;
 
}

/* 左边 */
.wrapBox .boxLeft {
    margin-left: 30%;
 
}
.wrapBox .boxLeft .left{
  text-align: center;
}

/* 右边 */

.wrapBox .boxRight{
  position: absolute;
  right: 25%;

}
.wrapBox .boxRight .right{
text-align: center;
}

/* 大卡和小卡的左上和右上 */
.box .isBigCard .pic .goodsPrizes img{
  width: 48px;
  height: auto;
  display: block;
  /* margin-bottom: 2px; */
}
.box .isSmallCard .pic .goodsPrizes> img{
  width: 36px;
  height: auto;
  display: block;
  /* margin-bottom: 2px; */
}
.isSmallCard .red{
  font-size: 12px;
}
.isSmallCard .redbox{
  font-size: 12px;
}
.isSmallCard .grey{
  font-size: 12px;
}

/* 大卡 */
.box .isBigCard .pic .location{
  position: absolute;
  top: 23px;
  left: 32px;
}
/* 小卡 */
.box .isSmallCard .pic .location{
  position: absolute;
  top: 20px;
  left: 18px;
}


/* 首屏轮播 */
.swiper-container{
  /* height: 660px; */
  width: 100%;
}

.categoryPage_main .demo1{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.categoryPage_main .wrapBox{
  height: 100%;
}