@charset "utf-8"; 
:root {--color: #724979;}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.kche-t45>.kche-flex {padding-left: 20px;background: #f5f5f5;}
footer .foot-logo img{transform-origin: left center;transform: scale(1.5);}
.head-logo a img { max-height: 80px;}
.home-reasons .reasons-menu .item{background-color: #000;}
.home-reasons .reasons-menu .item.active{background-color: #514c4cee;}
.home-reasons:after {position: absolute;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);bottom: 0;left: 0;z-index: 0;}
.home-reasons{position: relative;}
.home-reasons .l-wrap{position: relative;z-index: 3;}
.home-products{padding:5% 0}
.home-products{background:#f6f9f6}
.home-products .pro-list{display:flex;flex-wrap:wrap}
.home-products .pro-list li{width:23.5%;margin-right:2%;border-radius:var(--borderradius);overflow:hidden;background-color:#FFF;border:1px solid #e8e8e8;margin-top:30px;transition:all .2s linear}
.home-products .pro-list li:nth-child(4n){margin-right:0}
.home-products .pro-list li .img{overflow:hidden;position:relative}
.home-products .pro-list li .img img{width:100%;transition:all .2s linear}
.home-products .pro-list li .icon-hottitle{position:absolute;left:14px;top:14px;line-height:1;color:var(--color1);font-size:var(--fontsize24);z-index:4;width:46px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background-color:var(--color1)}
.home-products .pro-list li .icon-hottitle::before{display:none}
.home-products .pro-list li .icon-hottitle::after{content:"Hot";color:#FFF;font-size:var(--fontsize14);line-height:1;font-weight:var(--fontbold4)}
.home-products .pro-list li .info{padding:20px;border-top:1px solid #e8e8e8}
.home-products .pro-list li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold5);transition:all .2s linear}
.home-products .pro-list li .info .txt{color:var(--introcolor);font-size:var(--fontsize16)}
.home-products .pro-list li:hover{border-color:var(--color1)}
.home-products .pro-list li:hover .img img{transform:scale(1.03)}
.home-products .pro-list li:hover .info .title{color:var(--color1)}
@media (max-width:768px){.home-products{padding:30px 0}
.home-products .pro-list{margin-top:10px;justify-content:space-between}
.home-products .pro-list li{width:49%;margin-top:10px;margin-right:0}}
@media screen and (max-width:500px){.home-products .pro-list li .info{padding:10px}}