.clear:after{content:'';display:table;clear:both}
.tab-btn{font-size:0;text-align:center}
.tab-btn a{display:inline-block;font-size:14px;color:#666;text-align:center;width:120px;line-height:40px;background:#f5f5f5;margin:0 10px}
.tab-btn a.active{background:transparent;color:#b62e26}
.tab-btn a:hover{background:transparent;color:#b62e26}
.tabpage{display:none;opacity:0;transition:opacity .25s ease}
.tabpage.active{display:block;opacity:1}
.product-list li{float:left;width:32%;margin-right:2%;margin-bottom:5%}
.product-list li:nth-child(3n){margin-right:0}
.pro-list-bot{padding:15px;border-bottom:1px solid #e0e0e0;position:relative}
.pro-list-bot:after{position:absolute;width:0;left:0;bottom:0;border-top:1px solid #b62e26;content:''}
.pro-list-bot h5{color:#8c8c8c;font-size:14px;height:1.35em;overflow:hidden;line-height:1.35em;margin-right:30px}
.pro-list-bot b{font-size:16px;font-family:dincondBold;color:#333;margin-right:5px;margin-bottom:5px;height:1.5em;display:block;text-align:center}
.pro-i{position:absolute;width:26px;height:26px;right:15px;top:50%;margin-top:-13px;background-image:url('../img/pro-i.png')}
.tabs .product-list .img100{background:#e6e6e6;width:348px;height:348px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-list li:hover h5{color:#c00050}
.product-list li:hover b{color:#c00050}
.product-list li:hover span{color:#c00050}
.product-list li:hover .pro-i{background-image:url('../img/pro-i2.png')}
.product-list li:hover .pro-list-bot:after{width:100%}
.margin-t50{margin-top:50px}
.title1 h3{font-size:26px;color:#333}
.title1 i{display:block;margin:8px auto;width:30px;border-top:1px solid #b62e26}
.title1{margin-bottom:40px}
@media (max-width:750px){
  .tab-btn a{margin:0 2px;width:80px;font-size:12px;line-height:30px}
  .product-list li{width:48%;margin-right:4%}
  .product-list li:nth-child(3n){margin-right:4%}
  .product-list li:nth-child(even){margin-right:0}
  .pro-list-bot{padding:10px 0}
  .pro-list-bot h5{margin-right:0}
}
.tabs{padding:0 12%}
.product-list .img100{margin-bottom:10px}
.tabs .product-list .img100 img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center;display:block;transition:opacity .25s ease,transform .25s ease}
.product-list li:hover .img100 img{transform:scale(1.02)}
 .pro-i{background-repeat:no-repeat;background-position:center;background-size:contain}
@media (max-width:750px){.tabs{padding:0 5%}}