main .cons .kinds{margin:auto;width: 13.84rem;display: flex;justify-content: center;padding:  0.67rem 0 0;}
main .cons .kinds .ls{width: 2rem;display: flex;flex-direction: column;align-items: center;}
main .cons .kinds .ls:not(:nth-last-of-type(1)){margin-right: 0.3rem;}
main .cons .kinds .ls .ig{font-size: 0;}
main .cons .kinds .ls .ig .a2{display: none;}
main .cons .kinds .ls .name{font-size: 0.18rem;color: #777;text-align: center;margin-top: 0.2rem;}
main .cons .navs{font-size: 0;width: 19.2rem;position: relative;text-align: center;display: flex;justify-content:center;margin-top: 0.4rem;}
main .cons .navs:after{position: absolute;content: '';height: 1px;width: 100%;background: #ddd;display: block;bottom: 0;}
main .cons .navs .ls{text-decoration: none;color: #777;font-size: 0.16rem;line-height: 0.4rem;padding: 0 0.17rem;position:relative;}
main .cons .navs .ls:not(:nth-last-of-type(1)){margin-right: 0.4rem;}
main .cons .navs .ls.actives{font-weight: bold;}
main .cons .navs .ls.actives:after{position: absolute;content: '';height: 2px;width: 100%;background: #222222;display: block;left: 0;}
main .cons .products{display: flex;flex-wrap: wrap;width: 13.84rem;margin:auto;}
main .cons .products .ls{width: 6.58rem;height: 5.15rem;background: #fff;display: flex;margin-top: 0.68rem;}
main .cons .products .ls:nth-of-type(odd){margin-right: 0.67rem;}
main .cons .products .ls:hover{box-shadow:1px 1px 10px 2px #ccc;}
main .cons .products .ls .contents{width: 3.3rem;display: flex;padding:0.7rem 0 0 0.5rem ;flex-direction: column;}
main .cons .products .ls .contents .title{font-size: 0.26rem;font-weight: bold;color: #333;width: 2rem;}
main .cons .products .ls:hover .contents .title{color: #806A79;}
main .cons .products .ls .contents hr{width: 0.35rem;height: 2px;border: none;background: #806A79;margin:0.2rem 0 0.4rem 0;}
main .cons .products .ls .contents .desc{font-size: 0.16rem;color: #999;width: 2rem;}
main .cons .products .ls .contents .more{width: 1.2rem;height: 0.5rem;background: #806A79;border-radius: 0 0.2rem 0 0 ;padding: 0 0.25rem;display: flex;align-items: center;margin-top: 1.4rem;text-decoration: none;cursor: pointer;}
main .cons .products .ls .contents .more:hover{background: #e9122d;}
main .cons .products .ls .contents .more span{display: block;font-size: 0.16rem;color: #fff;width: max-content;position: relative;}
main .cons .products .ls .contents .more span:after{content: '';width: 0.2rem;height: 2px;background: #fff;position: absolute;top: 50%;transform: translateY(-50%);margin-left: 0.5rem;}
main .cons .products .ls .p-imgs{width: calc(6.58rem - 3.8rem);height: 4.2rem;font-size: 0;padding-top: 0.7rem;}
main .cons .products .ls .p-imgs img{height:100%;}
main .pro-center{width: 12.8rem; margin:auto;padding-top: 0.55rem;display: flex;justify-content: space-between;}
main .pro-center .pro-menu{width: 2.7rem;}
main .pro-center .pro-menu .ls{border-bottom: 1px solid #ddd;cursor: pointer;}
main .pro-center .pro-menu .ls:not(:nth-of-type(1)){margin-top: 0.2rem;}
main .pro-center .pro-menu .ls .dad{display: flex;justify-content: space-between;align-items: center;text-decoration: none;}
main .pro-center .pro-menu .ls .dad .left{display: flex;align-items: center;}
main .pro-center .pro-menu .ls .dad .left .icon{font-size: 0;width: 0.35rem;}
main .pro-center .pro-menu .ls .dad .left .icon img{width: 100%;}
main .pro-center .pro-menu .ls .dad .left .icon .hidden{display: none;}
main .pro-center .pro-menu .ls .dad .left .sort{font-size: 0.18rem;color: #333;padding-left: 0.2rem;text-decoration: none;}
main .pro-center .pro-menu .ls .dad .arrow{position: relative;border-top: 2px solid #333;border-right: 2px solid #333;width: 10px;height: 10px;transform: rotate(45deg);}
main .pro-center .pro-menu .ls .sons{display: flex;flex-direction: column;padding: 0.1rem 0 0.25rem 0.55rem;}
main .pro-center .pro-menu .ls .sons a{font-size: 0.16rem;color: #333;line-height: 0.3rem;text-decoration: none;}
main .pro-center .pro-menu .ls .sons a:hover{color: #806A79;font-weight: bold;}
/*选中样式*/
main .pro-center .pro-menu .ls.active{border-bottom: 1px solid #e9122d;}
main .pro-center .pro-menu .ls.active .dad .left .icon .show{display: none;}
main .pro-center .pro-menu .ls.active .dad .left .icon .hidden{display: block;}
main .pro-center .pro-menu .ls.active .dad .left .sort{color: #806A79;font-weight: bold;}
main .pro-center .pro-menu .ls.active .dad .arrow{transform: rotate(135deg);border-top: 2px solid #806A79;border-right: 2px solid #806A79;}
main .pro-center .pro-menu .ls .sons a.add-actives{color: #806A79;font-weight: bold;}

main .pro-center .pro-cen{width: 9.34rem;display: flex;flex-wrap: wrap;}
main .pro-center .pro-cen .lis{width: 2.87rem;background: #fff;height: 3.47rem;display: block;text-decoration: none;cursor: pointer;margin-bottom: 0.48rem;}
main .pro-center .pro-cen .lis:not(:nth-of-type(3n)){margin-right: 0.36rem;}
main .pro-center .pro-cen .lis .top{height: 2.84rem;width: 2.87rem;display: flex;align-items: center;}
main .pro-center .pro-cen .lis .top img{/*height: 100%;*/width: 100%;}
main .pro-center .pro-cen .lis .bottom{border-top: 1px solid #e4e4e4;line-height:calc(3.47rem - 2.84rem);font-size: 0.18rem;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;width:100%}
/*选中样式*/
main .pro-center .pro-cen .lis:hover .bottom{background: #806A79;color: #fff;font-size: 0.2rem;}

/*产品详情页*/
main .detail{width: 12.8rem;margin: auto;padding-bottom: 0.67rem;}
main .detail .pic{display: flex;justify-content: space-between;align-items: center;padding: 0.4rem 0;}
main .detail .pic .left{width: 5.13rem;height: 5.74rem;background: #fff;}
main .detail .pic .left .swiper{position: relative;}
main .detail .pic .left .swiper .gallery-top{width: 5.13rem;height: 4.44rem;}
main .detail .pic .left .swiper .gallery-top .swiper-wrapper img{width: 100%;height: 100%;}
main .detail .pic .left .swiper .gallery-thumbs{padding: 0.15rem 0;background: #fff;}
main .detail .pic .left .swiper .gallery-thumbs .swiper-slide{height: 0.97rem;font-size: 0;cursor: pointer;border:1px solid #fff;display: flex;align-items: center;}
main .detail .pic .left .swiper .gallery-thumbs .swiper-slide:hover{border: 1px solid #806A79;}
main .detail .pic .left .swiper .gallery-thumbs .swiper-slide img{width: 100%;/*height: 100%*/;}

/*轮播图滑条*/
.pagination1{position: absolute;z-index: 2;font-size: 0;width:100%;height: 5px;border-radius: 5px;background: #e7e7e7;bottom: 0;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #ccc;}

main .detail .pic .right{width:6.88rem;}
main .detail .pic .right .title{font-size: 0.28rem;font-weight: bold;color: #333;}
main .detail .pic .right .desc{font-size: 0.16rem;color:#999}
main .detail .pic .right .list{display: flex;margin-top: 0.35rem;}
main .detail .pic .right .list .lis{display: flex;flex-direction: column;align-items: center;}
main .detail .pic .right .list .lis:not(:nth-last-of-type(1)){margin-right: 0.16rem;}
main .detail .pic .right .list .lis .imgs{width: 2.18rem;font-size: 0;}
main .detail .pic .right .list .lis .imgs img{width: 100%;}
main .detail .pic .right .list .lis .span{display: block;font-size: 0.14rem;color:#333;line-height: 0.26rem;padding: 0.1rem 0;}
/* main .detail .pic .right .list .lis{font-size: 0.14rem;color:#333;line-height: 0.45rem;} */
main .detail .pic .right .video{width: 3.18rem;height: 1.86rem;padding-top: 0.3rem;}
main .detail .pic .right .video img{width: 100%;height: 100%;}
video {object-fit:fill;width: 3.18rem;height: 1.86rem;}
main .detail .pic .right .similar{font-size: 0.18rem;color: #999;display: block;margin-top: 0.2rem;}
main .detail .pic .right .similar:hover{color: #333;text-decoration: underline !important;}
main .detail .pro-nav{width: 100%;display: flex;justify-content: center;/*border-bottom: 1px solid #e6e6e6;*/}
main .detail .pro-nav .ls{font-size:16px;color: #333;line-height: 0.6rem;padding: 0 0.25rem;cursor: pointer;}
main .detail .pro-nav .ls:not(:nth-last-of-type(1)){margin-right: 0.45rem;}
main .detail .pro-nav .ls.pro-active{border-bottom: 2px solid #333;}

main .detail .box{width: 100%;height: 5rem;border-top: 2px solid #E6E6E6;border-bottom:  2px solid #E6E6E6;display: none;}
main .detail .box.box-active{display: flex;}
main .detail .box ul{/*padding-left: 1.84rem;*/margin: 0.5rem auto;display: flex;flex-wrap: wrap;padding: 0;width: 80%;justify-content:space-between;align-content: flex-start;}
main .detail .box ul li{position: relative;list-style:none;width: 48%;display: flex;align-items: center;height: max-content;}
main .detail .box ul li:before{content: '';position: absolute;width: 3px;height: 3px;border-radius: 5px;/*top: 50%;*/top:0.225rem;left: -10px;/*transform: translateY(-50%);*/background: #333;}
main .detail .box ul li span{display: block;font-size: 0.16rem;color: #333;line-height: 0.45rem;}
main .detail .box ul li p{display: block;font-size: 16px;color: #333;line-height: 0.45rem;margin:0;}

/*参数页面*/
main .detail .box .left,main .detail .box .right{margin-top: 0.5rem;}
main .detail .box .left{border-right: 1px solid #ccc;margin-left: 0.65rem;width: 5.75rem;height: max-content;padding-bottom: 0.25rem;}
main .detail .box .right{width: 6rem;padding-left: 0.4rem;}
main .detail .box .left .ls,main .detail .box .right .ls{display: flex;}
main .detail .box .left .ls>div,main .detail .box .right .ls>div{font-size: 16px;color: #333;line-height: 0.45rem;}
main .detail .box .left .ls>div:nth-of-type(1){width: 2.2rem;min-width: 2.2rem;max-width: 2.2rem;}
main .detail .box .right .ls>div:nth-of-type(1){width: 2.5rem;min-width:2.5rem;max-width: 2.5rem;}

main .detail .big-pic{width: 8.82rem;/*height: 4.8rem;*/margin:0.56rem auto auto;font-size: 0;}
main .detail .big-pic img{width: 100%;height: 100%;}
main .detail .return{width: 1.93rem;height: 0.48rem;border-radius: 0.5rem;background: #806A79;margin: 0.36rem auto ;display: flex;justify-content: space-evenly;align-items: center;text-decoration: none;cursor: pointer;}
main .detail .return span{display: block;font-size: 0.16rem;color: #fff;}
main .detail .return .return-ig{font-size: 0;}



/*电脑端适配*/
@media screen and (max-width:1800px){
    main .detail .box{height: 6rem;}
}
@media screen and (max-width:1700px){
    main .detail .pic .right .similar{font-size: 16px;}
}
@media screen and (max-width:1500px){
    /* 菜单 头部*/
    main .pro-center .pro-menu .ls .dad .left .sort{font-size: 16px;}
    main .pro-center .pro-menu .ls .sons a{font-size: 14px;line-height:25px}
}
@media screen and (max-width:1300px){
    main .pro-center .pro-menu .ls .dad .arrow{width: 8px;height: 8px;}
}
@media screen and (max-width:1280px){
	main .pro-center{width: 14.8rem;}
    main .pro-center .pro-menu{width: 3.5rem;}
    main .pro-center .les{width: 3.8rem;}
	
}
@media screen and (max-width:1200px){
    main .detail .box{height: 7rem;}
    main .detail .box ul li:not(:nth-of-type(9n)){padding-bottom: 0.08rem;}
    main .detail .box .left .ls:not(:nth-last-of-type(1)),main .detail .box .right .ls:not(:nth-last-of-type(1)){padding-bottom: 0.28rem;}
    main .detail .box .left .ls>div,main .detail .box .right .ls>div{line-height: unset;}
}
@media screen and (max-width:1200px){
    /* main .detail .box{height: 7.85rem;} */
    main .detail .box ul{width: 90%;}
}
@media screen and (max-width:1000px){
    main .detail .box ul{justify-content:space-between;padding: 0;}
    main .detail .box{height: 9rem;}
    main .detail .box ul li:not(:nth-of-type(9n)){padding-bottom: 0.28rem;}
}
@media screen and (max-width:950px){
    main .pro-center .pro-menu{width: 4rem;}
    main .pro-center .les{width: 4.3rem;}
    /* main .detail .box ul li{width: 5.56rem;} */
    main .detail .box{height: 9rem;}
    main .detail .return{height: 45px;width: 150px;}
   
}
@media screen and (max-width:860px){
    main .detail .box{height: 8rem;}
    main .detail .box{height: 11rem;}
}
/*手机端适配*/
@media screen and (max-width:783px){
    main .pro-center{padding-bottom: 0.5rem;flex-direction: column;width: 90%;}
    main .pro-center .les{width: 100%;}
    main .pro-center .pro-menu{width: 100%;margin:auto;overflow-x: scroll;display: flex;/*justify-content: center;*/white-space: nowrap;}
    main .pro-center .pro-menu .ls,main .pro-center .pro-menu .ls.active{border:none}
    main .pro-center .pro-menu .ls:not(:nth-of-type(1)){margin-top: 0;}
    main .pro-center .pro-menu .ls .dad .left .icon,main .pro-center .pro-menu .ls .dad .arrow{display: none;}
    main .pro-center .pro-menu .ls .sons{display: none;}
    main .pro-center .pro-menu .ls.active .sons{display: -webkit-box;position: absolute;font-size: 0;padding: 0.1rem 0 0.25rem 0;left: 5%;width: 90%;overflow-x: scroll;white-space: nowrap;}
    main .pro-center .pro-menu .ls.active .dad .left .sort{color: #fff;border:1px solid #806a79;border-radius: 30px;background-color: #806a79;}
    main .pro-center .pro-menu .ls .dad .left .sort{padding: 0 0.2rem;line-height: 50px;}
    main .pro-center .pro-menu .ls.active .sons a{padding: 0 0.2rem;}
    main .pro-center .pro-cen{padding-top: calc(75px + 0.15rem);width: 100%;}
    main .pro-center .pro-cen .lis{width: calc((100% - 0.72rem) / 3);height: unset;}
    main .pro-center .pro-cen .lis .top{margin: auto;width: 100%;height: unset;}

    main .detail{width: 100%;}
    main .detail .pic{flex-direction: column;width: 90%;margin: auto;}
    main .detail .pic .right{padding-top: 0.5rem;}
    main .detail .box{height: 9rem;}
    main .detail .box ul{margin: 0.5rem auto;}
    main .detail .box.box-active{display: flex;flex-direction: column;}
    main .detail .big-pic{width: 100%;}
    main .detail .box .left{border-right: none;padding-bottom: unset;margin-left: 0;margin:0.5rem auto 0 auto;}
    main .detail .box .right{margin-top: 0;padding-left: 0;margin: 0 auto;}
    main .detail .box .left .ls>div:nth-of-type(1){width: 2.5rem;min-width: 2.5rem;max-width: 2.5rem;}
    main .detail .box .left .ls>div, main .detail .box .right .ls>div{width: calc(100% - 2.5rem);}
    main .detail .pro-nav .ls{font-size: 16px;}


    main .pro-center .pro-cen .lis:hover  .bottom{font-size: 0.18rem;}

    main .detail .box .right,main .detail .box .left{width: 80%;}
    /* main .detail .box ul li:not(:nth-of-type(9n)){padding-bottom: unset;} */
  }
  @media screen and (max-width:600px){
    main .detail .box{height: 11rem;}
  }
  @media screen and (max-width:540px){
    main .pro-center .pro-cen .lis .bottom,main .pro-center .pro-cen .lis:hover .bottom{font-size: 14px;}
    main .detail .box ul li p,main .detail .box .left .ls>div, main .detail .box .right .ls>div{font-size: 14px;}
    main .detail .box{height: 14rem;}
    main .detail .box .left .ls .remark,main .detail .box .right .ls .remark{padding-left: 20px;}
    main .detail .pic .right .similar,main .detail .return span{font-size: 14px;}
    main .detail .box .right,main .detail .box .left{width: 90%;}
    main .detail .pic .right .list{margin: 0.5rem auto;}
    video{width: 100%;height: 4rem;}
    main .pro-center .pro-cen .lis .bottom{line-height: 50px;}
    main .detail .box ul{flex-direction: column;}
    main .detail .box ul li{width: 100%;}
    main .detail .box ul li:before{top: 14px;}
    main .detail .box ul li{padding-bottom: 0.28rem;}
  }
  @media screen and (max-width:460px){
    main .detail .box ul li:before{top: 0.225rem;}
  }
  @media screen and (max-width:400px){
    main .detail .box{height: 15rem;}
    main .pro-center .pro-menu .ls .dad .left .sort{padding: 0 0.2rem;line-height: 40px;}
    main .detail .pic .left .swiper .gallery-top,main .detail .pic .left{width: 100%;}


    main .detail .pic .right .title{font-size: 0.48rem;}
    main .detail .pic .right .desc{font-size: 0.3rem;margin-top: 0.3rem;}
    main .detail .pic .right .list .lis .span{font-size: 14px;line-height: 20px;}
    
    

   
  }