.hero{height:40vh}.products-inner{max-width:1200px}.products-header{margin-bottom:5vw;text-align:center}.products-title{margin-bottom:0}.products-sort{display:block;color:#888;font-size:.75rem}.products-line{margin:10px 0;height:1px;background:#ccc}.products-content{display:grid;grid-template-columns:repeat(1, 1fr);gap:40px}.products-img{width:100%;height:auto}.products-btn{text-align:center;margin-top:5vw}.products-btn a{display:inline-block;width:120px;padding:5px;font-size:.875rem;background:#fff;position:relative}.products-btn a::before{content:"";width:0%;height:100%;background:#c7b299;position:absolute;left:0;top:0;transition:width .6s}.products-btn a .tw{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;opacity:0}.products-btn a .en,.products-btn a .tw{transition:opacity .6s}.products-btn a:hover .en{opacity:0}.products-btn a:hover .tw{opacity:1}.products-btn a:hover::before{width:100%}.products-subtitle{margin-bottom:5vw;text-align:center}.products-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.products-img{position:relative;overflow:hidden}.products-img img{width:100%;height:auto}.products-img:after{content:"";position:absolute;width:0;height:100%;left:0;top:0;background:#fff;opacity:.5}.products-text{margin-top:20px}.products-name{font-weight:normal;color:#000;display:flex;align-items:center;line-height:1}.products-name span{white-space:nowrap;padding-right:10px;border-right:1px solid #ccc}.products-name::after{content:"";width:100%;height:1px;background:#ccc;display:block}.products-more{margin-top:40px;font-size:.75rem;color:#888;border:1px solid #ccc;padding:3px 40px;display:inline-block}.products-item:hover .products-img:after{animation:mask-img .6s forwards linear}.products-item:hover .products-more{background:#fff;color:#000}@keyframes mask-img{0%{width:0;left:0}50%{width:105%;left:0}100%{width:0;left:105%}}@media screen and (max-width: 1100px){.products-list{grid-template-columns:repeat(1, 1fr)}.products-item{display:flex;align-items:center;justify-content:space-between}.products-item:nth-child(2){flex-direction:row-reverse}.products-item .products-img,.products-item .products-text{width:48%}}@media screen and (max-width: 800px){.products-item{display:block}.products-item .products-img,.products-item .products-text{width:auto}.products-list{gap:60px}.products-more{margin-top:20px}}@media screen and (max-width: 640px){.products-header{margin-bottom:40px}.products-content{gap:20px}.products-btn{margin-top:40px}.products-subtitle{margin-bottom:60px}}