.maxW90{width: 100%;max-width:1700px;margin: 0 auto;}

.idxPro{ background: #eff1f5;}
.line-height1-2{ line-height: 1.2;}

.idxProUl a{width: 16%;height: 384px;margin-right: 0.6%;}
.idxProUl a:last-child{ margin-right: 0;}

.idxProUl .font26{font-size: 16px;}

.idxProUl a .idxProImg{   height: 100%; position: absolute; top: 0; object-fit: cover; z-index: 1; }
.idxProUl a::before{z-index: 2;width: 100%;height: 100%;display: block;content: '';position: absolute;top: 0;left: 0;background-image: linear-gradient(to top,rgb(167 13 5),rgb(0 0 0 / 0%));background-image: linear-gradient(to top,rgb(0 0 0),rgb(0 0 0 / 40%));}
.idxProUl a:hover::before,.idxProUl a.on::before{background-image: linear-gradient(to top,rgb(167 13 5),rgb(179 4 4 / 0%));}
/* .idxProIcon{ position: absolute; left: 20px; bottom: 20px; z-index: 3;} */
.idxProIcon{ filter: grayscale(100%) brightness(500%); max-width: 60px; max-height: 60px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
.idxProUl a .text{ position: absolute; left: 0; top: 0; z-index: 3; bottom: 0;right: 0;}
.idxProUl a .desc{ display: none; animation: topFloat 1s; -webkit-animation: topFloat 1s; }
.idxProUl a .top{ padding-top: 150px; padding-right: 2vw;}
.idxProUl a .line-clamp{display: none;}
.idxProUl a:hover .line-clamp,.idxProUl a.on .line-clamp{display:block;}  
@media screen and (min-width:750px) { 

    .idxProUl a.on{ width: 45%; }
.idxProUl a.on .top{ padding-top: 0;}
.idxProUl a.on .title{font-size: clamp(1rem, 0.675rem + 1.63vw, 2.625rem);}
.idxProUl a.on .desc{ display: block;}

}