.indexD-kelin .index-kelin-tit{text-align:center;}
.indexD-kelin .index-kelin-tit h3{font-size: 50px;text-transform: uppercase;position:relative;display:inline-block;color: #2c2c2c;line-height: 1.4;}
.indexD-kelin .index-kelin-tit h3::before{content:'';width:3px;height:28px;background: #284696;display:inline-block;margin-right:35px;}
.indexD-kelin .index-kelin-tit h3::after{content:'';width:3px;height:28px;background:#284696;display:inline-block;margin-left:35px;}

 
.indexD-kelin{padding: 70px 0;}
.indexD-kelin ul{margin: 20px 0 0;}
.indexD-kelin ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexD-kelin ul li{width: 32%;margin:25px 0 0;position:relative;overflow:hidden;border: 1px #e3e3e3 solid;box-shadow: 2px 2px 2px #ededed;padding: 20px;text-align: center;}
.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 p{margin: 10px 0;color:#000;font-size: 22px;text-align:center;font-weight: 900;}
.indexD-kelin ul li p a:hover{color:#284696; }
.indexD-kelin ul li:hover a{color:#284696; }
.indexD-kelin ul li:hover .pic img{transform:scale(1.05);-webkit-transform: scale(1.05);}
.indexD-kelin ul li .more{color: #fff;font-size: 18px;background: var(--color-primary);padding: 6px 40px;display: inline-block;border-radius: 8px;}
.indexD-kelin ul li .more:hover{border:1px solid var(--color-primary);color:var(--color-primary);background:#fff}
 
.indexD-kelin ul li:hover .more{border:1px solid var(--color-primary);color:var(--color-primary);background:#fff}


@media screen and (max-width:991px) {
  .indexD-kelin .index-kelin-tit h3{height:36px;line-height:36px;}
  .indexD-kelin .index-kelin-tit h3::before{width:2px;height:22px;margin-right:15px;}
  .indexD-kelin .index-kelin-tit h3::after{width:2px;height:22px;margin-left:15px;}

  .indexD-kelin{padding:30px 0;}
  .indexD-kelin ul{margin:30px 0 0;}
  .indexD-kelin ul{-webkit-justify-content:flex-start;justify-content:flex-start;}
  .indexD-kelin ul li{width:50%;margin:20px 0 0;padding:0 10px;box-sizing:border-box;}
  .indexD-kelin ul li p{font-size:18px;}
}  

@media screen and (max-width:480px) {
  .indexD-kelin .index-kelin-tit h3{height:30px;line-height:30px;}
  .indexD-kelin .index-kelin-tit h3::before{width:2px;height:18px;margin-right:15px;}
  .indexD-kelin .index-kelin-tit h3::after{width:2px;height:18px;margin-left:15px;}

  .indexD-kelin ul li p {font-size: 14px;}
.indexD-kelin ul li .more{
  padding: 4px 20px;
  font-size: 13px;
}

}  



@media screen and (max-width: 1500px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 40px;}
}
@media screen and (max-width: 1440px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 36px;}
}
@media screen and (max-width: 1281px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 34px;}
}
@media screen and (max-width: 1171px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 30px;}
}
@media screen and (max-width: 992px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 26px;}
}
@media screen and (max-width: 768px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 24px;}
}
@media screen and (max-width: 480px) {
  .indexD-kelin .index-kelin-tit h3{font-size: 22px;}
}