.records-item,.resocrds .item{display:block;position:relative;overflow:hidden}.records-item img,.resocrds .item img{width:100%;height:100%;object-fit:cover}.records-item>.title,.resocrds .item>.title,.records-item .mask,.resocrds .item .mask{color:#fff;background-color:rgba(0,0,0,.5);transition:opacity .6s}.records-item>.title,.resocrds .item>.title{width:100%;padding:17px 0;text-align:center;position:absolute;left:0;bottom:0}.records-item .mask,.resocrds .item .mask{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.records-item .mask i,.resocrds .item .mask i{font-size:var(--size-44)}.records-item .mask .title,.resocrds .item .mask .title{width:80%;line-height:1.4;text-align:center;margin-top:10px}.records-item:hover .mask,.resocrds .item:hover .mask{opacity:1}.records-item:hover>.title,.resocrds .item:hover>.title{opacity:0}.resocrds__empty{color:#999;text-align:center;position:relative;padding:0 var(--padding)}.resocrds__empty img{display:inline-block;max-width:100%}.resocrds__empty p{width:100%;font-size:var(--size-24);position:absolute;left:0;bottom:12%}.resocrds{width:100%}.resocrds .item{margin:4vw 0;width:100%;height:56vw}.page-navs{color:#646464}.page-navs a{--link-color: #646464}.product__cates-records{padding:var(--space) var(--padding);background-color:#f8f8f8}.product__records{padding:var(--space) var(--padding);background-color:#f8f8f8}.product__records h3{margin-top:5.333333vw}.product__records .resocrds,.product__records .resocrds__empty{margin-top:var(--space)}.product__detail{padding:var(--space) var(--padding)}.product__detail .boder .infos{flex-shrink:0}.product__detail .boder .infos .flex-row{margin-top:5.333333vw;display:flex;align-items:center;justify-content:space-between}.product__detail .boder .infos a.contact{display:inline-flex;align-items:center;padding:0 4vw;height:6.666667vw;--link-color: #FFFFFF;border-radius:3.333333vw;border:1px solid rgba(0,0,0,0);background-color:var(--link-hover-color)}.product__detail .boder .infos a.contact i{margin-left:2.666667vw;font-size:var(--size-22)}.product__detail .boder .infos a.contact:hover{border-color:var(--link-hover-color);background-color:#fff}.product__detail .boder .infos .navigation{margin-top:22.533333vw}.product__detail .boder .covers{width:100%;height:71.6vw;margin-top:5.333333vw}.product__detail .boder .covers .swiper{width:100%;height:100%}.product__detail .boder .covers .swiper .swiper-wrapper .swiper-slide{width:100%;overflow:hidden}.product__detail .boder .covers .swiper .swiper-wrapper .swiper-slide img{width:100%}.product__detail .recomms{margin-top:var(--space)}.product__detail .recomms .header{display:flex;align-items:center;justify-content:space-between}.product__detail .recomms .swiper{margin-top:1.733333vw;width:100%;height:61.333333vw;padding:2.666667vw 0}.product__detail .recomms .swiper .swiper-wrapper .swiper-slide{overflow:hidden}@media screen and (min-width: 992px){.resocrds{display:flex;flex-wrap:wrap;margin:0 -0.73%}.resocrds .item{margin:0.911458vw .73%;width:31.87%;height:16.666667vw}.product__records h3{margin-top:2.083333vw}.product__detail{padding:var(--space) 0 var(--space) var(--padding)}.product__detail .boder{display:flex;justify-content:space-between}.product__detail .boder .infos .flex-row{display:block;margin:0}.product__detail .boder .infos h3{margin-top:2.083333vw}.product__detail .boder .infos a.contact{margin-top:3.645833vw;padding:0 1.5625vw;height:2.604167vw;border-radius:1.302083vw}.product__detail .boder .infos a.contact i{margin-left:1.041667vw}.product__detail .boder .infos .navigation{margin-top:8.802083vw}.product__detail .boder .covers{margin-top:0;width:53.125vw;height:27.96875vw}.product__detail .boder .covers .swiper .swiper-wrapper .swiper-slide{width:44.791667vw}.product__detail .recomms{padding-right:var(--padding)}.product__detail .recomms .swiper{padding:1.041667vw 0;height:18.75vw;margin-top:0.677083vw}}@media screen and (min-width: 1920px){.product__records h3{margin-top:40px}.product__detail .boder .infos h3{margin-top:40px}.product__detail .boder .infos a.contact{margin-top:70px;padding:0 30px;height:50px;border-radius:25px}.product__detail .boder .infos a.contact i{margin-left:20px}.product__detail .boder .infos .navigation{margin-top:169px}.product__detail .recomms .swiper{margin-top:13px}}