.indexD-kelin{padding:10px 0;max-width:1920px;margin:0 auto}
.indexD-kelin ul{display:flex;flex-wrap:wrap;margin:0 -10px;}

.indexD-kelin ul li{width:50%;padding:10px;}
.indexD-kelin ul li .box{position:relative;overflow:hidden;}
.indexD-kelin ul li .pic{display:block;width:100%;overflow:hidden;}
.indexD-kelin ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexD-kelin ul li .txt {position:absolute;top:58px;left:0;right:0;padding:0 30px;text-align:center;}
.indexD-kelin ul li .txt h3{color: #000;font-size:35px;font-weight: 400;line-height:1;}
.indexD-kelin ul li .txt p{color: #000;font-size:20px;margin:10px 0;}
.indexD-kelin ul li .txt a{padding:5px 20px;color:#000;background: rgba(255, 255, 255, 0.8);border-radius: 20px;}
.indexD-kelin ul li .txt a:hover{color:var(--color-primary);}
.indexD-kelin ul li:hover .pic img{transform:scale(1.05);-webkit-transform: scale(1.05);}

.indexD-kelin ul li:hover .pic img{transform:scale(1.05);-webkit-transform: scale(1.05);}


@media screen and (max-width:1441px) {
.indexD-kelin ul li .txt h3{font-size:32px;}
}

@media screen and (max-width:1367px) {
.indexD-kelin ul li .txt h3{font-size:30px;}
}

@media screen and (max-width:1280px) {
.indexD-kelin ul li .txt h3{font-size:28px;}
.indexD-kelin ul li .txt p{font-size:18px;}
}

@media screen and (max-width:1171px) {
.indexD-kelin ul li .txt h3{font-size:26px;}
}

@media screen and (max-width:992px) {
.indexD-kelin ul li .txt{top:30px;padding:0 20px;}
.indexD-kelin ul li .txt h3{font-size:24px;}
.indexD-kelin ul li .txt p{font-size:17px;}
.indexD-kelin ul li .txt a{display:none;}
}

@media screen and (max-width:768px) {
.indexD-kelin ul li .txt{top:20px;padding:0 10px;}
.indexD-kelin ul li .txt h3{font-size:22px;}
.indexD-kelin ul li .txt p{font-size:16px;}
}

@media screen and (max-width:576px) {
.indexD-kelin ul{margin:0 -5px;}
.indexD-kelin ul li{padding:5px;}
.indexD-kelin ul li{width:50%;}
.indexD-kelin ul li .txt h3{font-size:20px;}
.indexD-kelin ul li .txt p{display:none;}
}

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

.indexD-kelin ul{margin:0;}
.indexD-kelin ul li{width:100%;padding:5px 0;}
.indexD-kelin ul li .txt h3{font-size:18px;}
.indexD-kelin ul li .txt p{font-size:15px;display:block;margin:8px 0 0;}

}