.idxPlan{ background: url(../img/idxPlanBg.jpg) no-repeat center center / cover;}
.line-height2-5{ line-height: 2.5;}
.idxPlan .more {width: 220px;}
.idxPlan .more::after{ width: 0; height: 2px; background-color:var(--blue); display: block; content: '' ; position: absolute; left: 0; bottom: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxPlan .more .radius50{ width: 40px; height: 40px; }
.idxPlan .more:hover .radius50{ margin-right: 15px; background-color: var(--blue); color: #fff;}
.idxPlan .more:hover::after{ width: 100%;}

.z5{ position: relative; z-index: 5;}
.z10{ position: relative; z-index: 10;}
.z20{ position: relative; z-index: 20;}

.idxPlan::after{ display: block; content: ''; width: 50%; height: 100%; position: absolute; right: 0; top: 0; background:url(../img/idxPlanRight.jpg) no-repeat center center / cover }
.idxPlanUl{ display: grid; grid-gap: 1.3vw; grid-template-columns: repeat(2,1fr);}
li {min-width:0}
.idxPlanUl li{ background: rgba(255, 255, 255, .22);    backdrop-filter: blur(10px);}
.idxPlanUl li .img{ width: 55px; height: 55px;}
.idxPlanUl li div{ position: relative; z-index: 10;}
.idxPlanUl li::after{ display: block; content: ''; width: 25%; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background:var(--blue); transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxPlanUl li.on::after{ opacity: 1; width: 100%;}

.idxBeikun{ background: url(../img/idxBeikunBg.jpg) no-repeat center center / cover;}
.idxBeikun .idxProDian{filter: grayscale(100%) brightness(500%);}
.idxBeikunimg{ width: 100%; height: 0; padding-bottom: 65%;}
.idxBeikunIcon{ width:4vw ;  ; min-width: 40px;}

.posi-a{ position: absolute; top: 0; left: 0;z-index: 3}
.posi-a-5{ position: absolute; top: 0; left: 0;z-index: 5}
.bigImg{ width: 100%  ;height:100%; object-fit: cover;}
.maxImg img{ max-width: 100%; max-height: 100% ;}
.flex-shrink{ flex-shrink: 0;}
.clear15{height:15px;overflow:hidden;clear:both;}
@media screen and (max-width:750px) {

    .idxPlanUl li .img{ width: 40px; height: 40px;}
    .idxPlan::after{ display: none;}
    .idxPlanUl{grid-gap: 15px; margin-top: 20px;}
    .idxPlanUl li{ background: rgba(0, 0, 0, .3); padding-right: 15px;}
    /* .idxPlanRight{background:url(../img/idxPlanRight.jpg) no-repeat center center / cover } */

}