.main-lnk-box{padding: 30px 0 0 0;}
.main-lnk-box .ul-lnb{margin: 0 0 30px 0;}
.main-lnk-box .ul-lnb li{border: 1px solid #cdcdcd;text-align: center;display:inline-block;width: calc(25% - 22px);margin: 0 30px 25px -4px;vertical-align:top;border-radius: 7px;box-sizing: border-box;}
.main-lnk-box .ul-lnb li:last-of-type{margin:0 0 0 -4px;}
.main-lnk-box .ul-lnb li a{position:relative;display:block;height:260px;padding:25px 15px;box-sizing:border-box;position:relative;background:#fff;box-shadow:0 0 20px rgba(0, 0, 0, .1);transition:.2s;    border-radius: 7px;}
.main-lnk-box .ul-lnb li a:after{content:"";position:absolute;bottom:0;left:0;right:0;width:100%;height:180px;}
.main-lnk-box .ul-lnb li:nth-of-type(4n){margin: 0 0px 25px -4px; }
.main-lnk-box .ul-lnb li a h4{font-size: 20px;position: relative;letter-spacing: -1px;min-height: 40px;}
.main-lnk-box .ul-lnb li a h4 > span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 15px);line-height:30px;overflow: hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-lnk-box .ul-lnb li a > span{font-size: 15px;line-height: 22px;display:block;margin:24px 0 0 0;word-break:keep-all;position:relative;z-index:10;}
.main-lnk-box .ul-lnb li a > span:first-of-type{position:relative;max-height:66px;}
.main-lnk-box .ul-lnb li a > span:first-of-type:before{content:"";position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:35px;height:3px;background:#00345c;}
.main-lnk-box .ul-lnb li a .btn-lnb{display: inline-block;margin: 33px auto;padding: 3px 30px 6px 30px;border-radius: 5px;color: #fff;background: #00345c;letter-spacing: -1px;}


.main-lnk-box .ul-lnb li a:hover{padding:25px 20px;}
.main-lnk-box .ul-lnb li a:hover,
.main-lnk-box .ul-lnb li a.active{background:#00345c;color:#fff;transform:translateY(-4px);}
.main-lnk-box .ul-lnb li a:hover:before,
.main-lnk-box .ul-lnb li a.active:before{content:"";display:block;width:50%;margin:7px 0 0 0}
.main-lnk-box .ul-lnb li a:hover:after, .main-lnk-box .ul-lnb li a.active:after{content:"";position:absolute;top:20px;left:20px;display:block;width:calc(100% - 40px);height:calc(100% - 40px);border: 1px solid #fff;background:transparent;}
.main-lnk-box .ul-lnb li a:hover > span:first-of-type:before,
.main-lnk-box .ul-lnb li a.active > span:first-of-type:before{background:#fff;}
.main-lnk-box .ul-lnb li a:hover .btn-lnb,
.main-lnk-box .ul-lnb li a.active .btn-lnb{background:#fff;color:#00345c;}

@media screen and (max-width:1024px){
	
}
@media screen and (max-width:768px){
	.main-lnk-box{padding:0}
	.main-lnk-box .ul-lnb {margin: 0 0 20px 0;}
	.main-lnk-box .ul-lnb li a h4 {font-size: 18px;}
	.main-lnk-box .ul-lnb li {width: 100%;margin: 0 0px 20px 0px;}
	.main-lnk-box .ul-lnb li a{height:auto}
	.main-lnk-box .ul-lnb li a > span:nth-of-type(2){display:none;}
	.main-lnk-box .ul-lnb li a:hover:before, .main-lnk-box .ul-lnb li a.active:before{margin:0}
	.main-lnk-box .ul-lnb li a > span {font-size: 14px;margin: 24px 0 16px 0;}
	.main-lnk-box .ul-lnb li{border:none}


}