.page_ibanner{background: url(../images/product/page_bannger.webp) no-repeat center/cover;}



.main .list{margin-top: 5%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 50px;}

.main .list .item{padding: 12% 8% 3% 4%;background-color: #F6F6F6;border-radius: 10px;position: relative;}

.main .list .item .time{position: absolute;top: 8%;left: 0;background-color: rgba(255, 102, 0, .9);color: #fff;padding: 5px 20px;}

.main .list .item .title{font-size: 22px;text-align: left;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;min-height: 3em;}

.main .list .item .desc{margin: 2% 0 5%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.main .list .item .link{background-color: #333;color: #fff;border-radius: 24px;padding: 8px 30px;display: flex;justify-content: center;align-items: center;width: fit-content;}

.main .list .item .link::after{content: ' ';display: inline-block;width: 30px;height: 30px;background:#fff url(../images/ar-jt.webp) no-repeat center/17px 11px;border-radius: 50%;margin-left: 15px;transition: all .3s;}

.main .list .item .link:hover{background-color: #A1CC3A;}

.main .list .item .link:hover::after{background-image: url(../images/r-jt.webp);}







@media only screen and (max-width: 1660px) {

}

@media only screen and (max-width: 950px) {

	.page_ibanner{min-height: 200px;justify-content: center;align-items: center;display: flex;margin-top: 70px;padding: 30px 0;}

	.main .list{grid-template-columns: repeat(1,1fr);}

	.main .list .item{padding: 20% 6% 6%;}

}

@media only screen and (max-width: 480px) {



}