#page_fabric {padding-bottom:130px;}
#page_fabric .bannerBar{margin:auto; width:100%; height:36.46vw; display:flex; justify-content:center; box-sizing:border-box; align-items:center; background-position:center; background-size:cover;}
#page_fabric .bannerBar .container{color:#fff; text-align:center;}
#page_fabric .bannerBar .container .title{font-size:0.85rem; line-height:1.13rem; font-family:'acuminprosemicond-bold';}
#page_fabric .bannerBar .container .info{font-size:0.45rem; line-height:0.55rem; margin-top:0.25rem; font-family:'acuminprosemicond-light'}
#page_fabric .secA{background:#F8F8F5;}
#page_fabric .secA .container{padding:1.7rem 3rem; text-align:center; line-height:0.55rem; font-size:0.4rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secB .container{background:#F8F8F5; padding:1.6rem var(--main-page-margin);}
#page_fabric .secB .flexBar{display:flex;}
#page_fabric .secB .flexLi{width:25%; text-align:center; padding:0 3vw;}
#page_fabric .secB .flexLi .pic{margin:auto; width:70%; max-width:245px; position:relative;}
#page_fabric .secB .flexLi .pic:before{content:''; display:block; width: 0; height: 0; border-top:0.3rem solid #3B3D3A; border-left:0.3rem solid transparent; transform:rotate(45deg); position:absolute; margin:auto; top:0; bottom:0; left:-1.3rem;}
#page_fabric .secB .flexLi:first-child .pic:before{content:''; display:none;}
#page_fabric .secB .flexLi .pic img{width:100%;}
#page_fabric .secB .flexLi .title{margin-top:0.4rem; line-height:0.45rem; font-size:0.35rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secC .container{padding:1.3rem var(--main-page-margin) 0; text-align:center;}
#page_fabric .secC .secTitle{font-size:0.95rem; font-family:"acuminprosemicond-bold";}
#page_fabric .secC .swiperFather{margin-top:50px;}
#page_fabric .secC .pic{padding-top:100%; background-size:cover;}
#page_fabric .secD .container{padding:2.3rem var(--main-page-margin); text-align:center;}
#page_fabric .secD .secTitle{font-size:0.95rem; font-family:"acuminprosemicond-bold";}
#page_fabric .secD .itemTitle{font-size:0.45rem; font-family:"acuminprosemicond-bold";}
#page_fabric .secD .pic{margin-top:40px; padding-top:100%; background-size:cover;}
#page_fabric .secD .itemLi+.itemLi:before{content:''; width:1px; position:absolute; margin:auto; left:-17.3%; top:0; bottom:0; background:#707070;}
#page_fabric .secD .pointList{margin-top:60px;}
#page_fabric .secD .pointLi{display:flex; height:1rem; line-height:1.06rem; box-sizing:border-box; border-top:1px solid #707070; font-size:0.35rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secD .pointLi:first-child{border-top:0;}
#page_fabric .secD .pointLi .iconBar{padding-right:37px;}
#page_fabric .secD .pointLi .iconBar img{width:0.35rem; height:1rem;}
#page_fabric .secD .swiperFather{position:relative; margin:auto; margin-top:100px;
  --swiper-navigation-color: #7E7E7E;/* 单独设置按钮颜色 */
  --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }
#page_fabric .secD .swiperFather .swiper-button-prev{left:-40px; top:45%;}
#page_fabric .secD .swiperFather .swiper-button-next{right:-40px; top:45%;}
/*#page_fabric .swiper_pagination{display:none; margin-top:30px; justify-content:center;}*/
#page_fabric .swiper-bullet{display:block; margin:0 3px; width:36px; height:2.5px; box-sizing:border-box; background:#C7C7C7;}
#page_fabric .swiper-bullet-active{background:#48753C;}
#page_fabric .secE{display:flex;}
#page_fabric .secE>div{width:50%;}
#page_fabric .secE .pic{padding-top:68%; background-size:cover;}
#page_fabric .secE .wordBar{padding:1.9rem 1.7rem; background:#F3F3F3; box-sizing:border-box; font-size:0.35rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secG .container{padding:1.6rem var(--main-page-margin);}
#page_fabric .secG .flexBar{display:flex; justify-content:space-between;}
#page_fabric .secG .flexLi{max-width:4.5rem;}
#page_fabric .secG .flexLi .pic{text-align:center;}
#page_fabric .secG .flexLi .pic img{max-width:100%;}
#page_fabric .secG .flexLi .title{margin-top:0.4rem; line-height:0.45rem; font-size:0.4rem; letter-spacing:0.07rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secG .flexLi .desc{margin-top:0.12rem; line-height:0.3rem; font-size:0.25rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secZ{}
#page_fabric .secZ .container{padding:1.2rem calc(var(--main-page-margin) - 0.5rem); display:flex; flex-wrap:wrap;}
#page_fabric .secZ .flexLi{border-top:1px solid #262626; width:50%; box-sizing:border-box; padding:1rem 0.5rem; display:flex; align-items:center;}
#page_fabric .secZ .flexLi:first-child,#page_fabric .secZ .flexLi:nth-child(2){border-top:0;}
#page_fabric .secZ .flexLi .wordBar{line-height:0.55rem; font-size:0.35rem; font-family:"acuminprosemicond-regular";}
#page_fabric .secZ .flexLi .bgImg{width:100%; padding-top:65.3%; background-size:cover;}
#page_fabric .secH{padding:0 var(--main-page-margin);}
#page_fabric .secH .pc_bestSellingSwiper .secLine{display:none;}


@media(max-width:1024px){
  #page_fabric .bannerBar{height:72.46vw; background-size:cover; background-position:center;}
  #page_fabric .bannerBar .container{}
  #page_fabric .bannerBar .container .title{margin-top:0; font-size:32px; line-height:1.5;}
  #page_fabric .bannerBar .container .info{margin-top:15px; padding:0 70px; line-height:24px; font-size:19px;}
  #page_fabric .swiper_pagination{display:flex; justify-content:center; margin-top:30px;}
  #page_fabric .secA .container{padding:60px 25px; line-height:1.6; font-size:18px;}
  #page_fabric .secB .container{padding:30px 25px 90px;}
  #page_fabric .secB .flexBar{flex-direction:column;}
  #page_fabric .secB .flexLi{width:100%; text-align:left; display:flex; margin-top:66px; padding:0 0 0 15px; box-sizing:border-box;}
  #page_fabric .secB .flexLi .pic{margin:auto; width:107px; line-height:0;}
  #page_fabric .secB .flexLi .pic:before{border-top:15px solid #3B3D3A; border-left:15px solid transparent; transform:rotate(135deg); left:0; right:0; top:-45px; bottom:auto;}
  #page_fabric .secB .flexLi .title{margin-top:30px; line-height:30px; font-size:23px; flex:1; margin-left:30px;}
  #page_fabric .secC .container{padding:100px 5.6vw 0;}
  #page_fabric .secC .secTitle{font-size:40px;}
  #page_fabric .secD .container{padding:100px 25px;}
  #page_fabric .secD .secTitle{font-size:40px;}
  #page_fabric .secD .itemTitle{font-size:28px;}
  #page_fabric .secD .pic{margin-top:30px;}
  #page_fabric .secD .itemLi+.itemLi:before{display:none;}
  #page_fabric .secD .pointList{margin-top:20px;}
  #page_fabric .secD .pointLi{height:85px; line-height:90px; font-size:22px;}
  #page_fabric .secD .pointLi .iconBar{padding-right:25px;}
  #page_fabric .secD .pointLi .iconBar img{width:30px; height:85px;}
  #page_fabric .secD .swiperFather{margin-top:40px;
    --swiper-navigation-size: 15px;
    }
  #page_fabric .secD .swiperFather .swiper-button-prev{left:-15px; top:31%;}
  #page_fabric .secD .swiperFather .swiper-button-next{right:-20px; top:31%;}
  #page_fabric .secE{display:block;}
  #page_fabric .secE>div{width:100%;}
  #page_fabric .secE .wordBar{padding:70px 25px; font-size:20px;}
  #page_fabric .secG .container{padding:60px 25px;}
  #page_fabric .secG .flexBar{display:block;}
  #page_fabric .secG .flexLi{max-width:100%;}
  #page_fabric .secG .flexLi .title{line-height:30px; font-size:23px;}
  #page_fabric .secG .flexLi .desc{line-height:1.6; font-size:16px; margin-bottom:30px;}
  #page_fabric .secZ .container{padding:100px 0 0;}
  #page_fabric .secZ .flexLi.order1{order:1;}
  #page_fabric .secZ .flexLi.order2{order:2;}
  #page_fabric .secZ .flexLi.order3{order:3;}
  #page_fabric .secZ .flexLi.order4{order:4;}
  #page_fabric .secZ .flexLi.order5{order:5;}
  #page_fabric .secZ .flexLi.order6{order:6;}
  #page_fabric .secZ .flexLi{width:100%; margin-top:0; display:block; padding:0; border:0;}
  #page_fabric .secZ .flexLi .wordBar{font-size:20px; line-height:1.6; margin-top:25px; padding-bottom:60px; margin-bottom:70px; border-bottom:1px solid #999;}
  #page_fabric .secZ .flexLi:last-child .wordBar{border:0; padding-bottom:0;}
  #page_fabric .secZ{padding:0 25px;}
  #page_fabric .secH{padding:0 25px;}
  .pc_bestSellingSwiper .container{margin-top:120px;}
}