.productW{padding-top: 120px;}
.pro-ft{font-size: 24px;line-height: 36px;color: #000;padding:22px 0;border-top: 1px solid #e6ded2; }
.pro-filter{border-top: 1px solid #e6ded2;border-bottom: 1px solid #e6ded2;margin-bottom: 60px;}
.pro-filter .nm{float: left;}
.pro-filter .filter-cond{float: right;}
.pro-filter .filter-cond li{float: left;border-left: 1px solid #e6ded2;}
.pro-filter .filter-cond li.fb{display: none;}
.pro-filter .filter-cond li a{display: block;position: relative;padding: 0 60px;}
.pro-filter .nm,.pro-filter .filter-cond li a{font-size: 16px;line-height: 80px;color: #000;}
.pro-filter .filter-cond li a:after{content: "";position: absolute;left: 50%;bottom: -1px;width: 0;height: 4px;background: #e6ded2;-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s; transition: all 0.3s;}
.pro-filter .filter-cond li:hover a::after{width: 100%;margin-left: -50%;}
.pro-filter .filter-cond li.on a::after{width: 100%;margin-left: -50%;}


.proList.wrap{padding-bottom: 90px;}
.product-list{overflow: hidden;}
.product-list li{float: left;width: 31.6%;margin-right: 2.5%;margin-bottom: 70px;}
.product-list li:nth-child(3n){margin-right: 0;}
.product-list li a{display: block;position: relative;overflow: hidden;}
.product-list li .img{overflow: hidden;}
.product-list li .img img{width: 100%;height: 100%;}
.product-list li .mes{font-size: 22px;line-height: 30px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 30px;}
.product-list li .mes2{font-size: 18px;line-height: 20px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}
.product-list li .swiper-navigation{display: none;}
.product-list li:hover .swiper-navigation{display: block;}
.product-list .swiper-button-prev,.product-list .swiper-button-next{position: absolute;top: 50%;width:42px;height: 42px;margin-top: -21px;background-color: #fff;background-position: center center;background-repeat: no-repeat;background-size: 13px;z-index: 100;}
.product-list .swiper-button-prev{left: 0;background-image: url("../images/pprev.png");}
.product-list .swiper-button-next{right: 0;background-image: url("../images/pnext.png");}
.product-list .swiper-button-prev:hover{background-image: url("../images/pprev2.png");background-color: #e6ae97;}
.product-list .swiper-button-next:hover{background-image: url("../images/pnext2.png");background-color: #e6ae97;}
.product-list .swiper-button-next.swiper-button-disabled,.product-list .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events: auto;background-color: #ccc;}
.product-list .swiper-button-prev.swiper-button-disabled:hover{background-image: url("../images/pprev.png");}
.product-list .swiper-button-next.swiper-button-disabled:hover{background-image: url("../images/pnext.png");}
.product-list .swiper-button-next.swiper-button-disabled:hover,.product-list .swiper-button-prev.swiper-button-disabled:hover{background-color: #ccc;}

.pro-detail{position: relative;border-top: 1px solid #e6ded2;overflow: hidden;margin-bottom: 90px;padding:0 60px;}
.pro-detail .back-btn{position: absolute;left: 60px;top:0;z-index: 100;}
.pro-detail .back-btn a{display: block;width: 80px;height: 80px;background-color: #fef7ec;background-image: url("../images/pprev.png");background-repeat: no-repeat;background-position: center center;background-size: 13px;}
.pro-detail .lef{float: left;width: 70.4%;}
.pro-detail .rig{float: right;width: 29.6%;}
.pro-detail .content,.pro-detail .content p{font-size: 16px;line-height: 26px;color: #000;}
.pro-detail .content img{max-width: 100%!important;margin-bottom: 10px;}
.pro-detail .imgD{font-size: 0;width: 100%;overflow: hidden;}
.pro-detail .imgD img{display: inline-block;width: 49.5%;margin-right:1%}
.pro-detail .rig .pro-info{padding: 0 60px;margin-top: 52px;}
.pro-detail .pro-info .pro-name{font-size: 26px;line-height: 40px;padding-bottom: 32px;margin-bottom: 45px;border-bottom: 1px solid #e6dccd; }
.pro-detail img{max-width: 100%;}
.proD-intro{width: 70.4%;}
.pro-detail .pro-chara{padding-bottom: 35px;margin-bottom: 50px;border-bottom: 1px solid #e6dccd; }
.pro-detail .pro-chara,.pro-detail .pro-chara p{font-size: 16px;line-height: 40px;color: #000;}
.pro-detail .pro-info h3{font-size: 20px;line-height: 40px;color: #000;margin-bottom: 16px;}
.pro-detail .check-store{margin: 40px 0;position: relative;}
.pro-detail .check-store a{position: relative;display: block;padding: 20px 0;text-align: center;}
.pro-detail .check-store a img{width: 20px;margin-right: 20px;}
.pro-detail .check-store a span{display: inline-block;font-size: 16px;line-height: 20px;color: #fff;}
.pro-detail .check-store::before{content: "";position: absolute;left: 0;top:0;width: 100%;height: 100%;background: #000;z-index: -2;}
.pro-detail .check-store::after{content: "";position: absolute;left: 50%;top:0;width: 50px;height: 100%;background: #e6ae97;margin-left: -25px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;opacity: 0;z-index: -1;}
.pro-detail .check-store:hover::after{width: 100%;margin-left: -50%;opacity: 1;}
.pro-detail .pro-int{padding-bottom: 40px;margin-bottom: 50px;border-bottom: 1px solid #e6dccd;}
.pro-detail .pro-int.pro-intApp{display: none;}
.pro-detail .pro-int,.pro-detail .pro-int p{font-size: 16px;line-height: 30px;color: #000;letter-spacing: 2px;}
.pro-detail .pro-int img{max-width: 100% !important;}
.pro-detail .pro-ewm{text-align: center;}
.pro-detail .pro-ewm img{width: 132px;}
.pro-detail .pro-ewm p{font-size: 16px;line-height: 26px;color: #333; margin-top:20px;}
.pro-like{overflow: hidden;margin-bottom: 25px;}
.pro-like  .like-tit{font-size: 26px;line-height: 36px;color: #000;text-align: center;overflow: hidden;margin-bottom: 75px;}