.home-indpro{padding:3% 0}
.indpro .item{display: flex;}
.indpro .item2{background:#eee}
.indpro .item>div{width: 50%;}
.indpro .item .img img{width: 100%;height: 100%;}
.indpro .item .info{padding: 20px 5% 20px 20%;}
.indpro .item2 .info{padding: 20px 20% 20px 5%;}
.indpro .btn{display: inline-block;border: #000 solid 1px;border-radius: 35px;padding: 10px 24px;margin-top: 20px;}
@media (min-width:1025px){.indpro .item .img img{min-height:500px;object-fit:cover}}
@media (max-width:1024px) {
.home-indpro .common-wrapper{margin: 0;padding:0 20px;}
.indpro .item .info,.indpro .item2 .info{padding: 20px}
.indpro .item>div{width: 100%;}}
 @media (min-width:1024px){.indpro .item .info .text{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.indpro .item .img{/*aspect-ratio:200 / 113;*/overflow:hidden}}
.indpro .item .info { display: flex; flex-direction: column;justify-content: center;}
.indpro .item .info{padding:20px 5% 20px 10%}
.indpro .item2 .info{padding:20px 10% 20px 5%}
.infotit{font-weight:bold;font-size:var(--fontsize24);margin-bottom:10px}
@media (max-width:768px){.indpro .item{flex-direction:column-reverse}
.indpro .item .info{padding:20px 0}
.infotit{font-size:var(--fontsize20)}
.indpro .item2{background:#fff;flex-direction:column}}
.ind-item ul{position:relative;z-index:2;}
@media (min-width:769px){.ind-item {width: 25%;}}
.about:before{opacity:0.6}