﻿/*@media (min-width:1025px) {#liproducts>ul{display: flex ;background: #fff;transform: translateX(-50%);left: 50%;justify-content: center !important;width: 100%;}
nav .container>ul.menu>li#liproducts ul li a{font-size: var(--fontsize20);}}*/
/*.kche-t209 .kche-t209-ul .kche-t209-li{background:#777777}*/
/*.kche-t209 .kche-t209-ul .kche-t209-li a{color:#fff}*/
/*.kche-t209 .kche-t209-ul .kche-t209-li:hover{background:var(--color)}*/
/*.kche-t209 .kche-t209-ul .kche-t209-li:first-child{background:var(--color);width:fit-content !important}*/

.prohome-content+.common-main{display:none !important}
.procate-tab-top{display:flex;justify-content: center;border-bottom:1px solid #eee;margin-top:15px;}
.procate-tab-top>a{padding:10px 30px;color:var(--introcolor);transition: all .3s;font-size:22px;font-weight: var(--fontbold7);position: relative;cursor: pointer;min-width:18%;text-align:center;;display:block;}
.procate-tab-top>a:after{content:'';width:100%;height:3px;background: transparent;transition:all .3s;position: absolute;bottom:0;left:0;}
.procate-tab-top>a:hover{color:var(--color)}
.procate-tab-top>a:hover:after{background: var(--color);}
@media (max-width:768px){.procate-tab-top>a{min-width:inherit;width:33.33%;font-size:20px;}}

.procate-tab-list{margin-top:4%;}
.procate-tab-list .procate-tab-item{padding-top:85px;margin-top:-85px;}
.procate-tab-list p.tit{text-align:center;font-weight: var(--fontbold7);font-size:32px;margin-bottom:20px;}
.procate-tab-list ul{height:100%;display:flex;flex-wrap:wrap}
.procate-tab-list ul li{width:23.5%;background:#fff;border-radius:3px;text-align:left;position:relative;margin-right:2%;}
.procate-tab-list ul li:nth-child(4n){margin-right:0;}
.procate-tab-list ul li .img{width:100%;box-shadow:0 0 10px #ccc}
.procate-tab-list ul li .img img{width:100%;height:auto;object-fit:contain}
.procate-tab-list ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;}
.procate-tab-list ul li:hover img{transform:scale(1.03)}
.procate-tab-list ul li:hover .title{color:var(--color)}
.procate-tab-list ul li:nth-child(-n+8) .img:before{content:'';width:20%;height:40px;background:url(/uploads/43866/page/p20251215140149398e6.png) no-repeat;background-size:100%;position:absolute;top:3%;left:3%;z-index:3}
@media (max-width:1024px){.procate-tab-list ul li .img .newicon{font-size:var(--fontsize13);padding:3px 5px}}
.procate-tab-list ul li{background:none}
.procate-tab-list ul li .img{box-shadow:0 0 8px #ccc;overflow:hidden}
.procate-tab-list ul li .img img{display:block;transition:.4s}
.procate-tab-list ul li .title{padding:12px 0;text-align:center}
.procate-tab-list ul li .title a{line-height:1.4;display:block}
.procate-tab-list ul li:hover .title a{color:var(--color)}
@media (max-width:768px){.procate-tab-list p.tit{font-size:24px;}
.procate-tab-list ul{justify-content: space-between;}
.procate-tab-list ul li{width:49%;margin-right:0;}
.procate-tab-list .procate-tab-item{padding-top:30px;margin-top:-30px;}}
@media (max-width:550px){.procate-tab-top{flex-wrap:wrap;}
.procate-tab-top>a{width:100%;}
.procate-tab-list ul li .title{font-size:var(--fontsize14)}}