


.home-application-sangni .wp{display:flex;flex-wrap:wrap;align-items:center;}
.home-application-sangni .title {width: 100%;text-align: center;}
.home-application-sangni .title h2{color:#212121;font-weight:700;font-size:36px;padding-bottom: 30px;text-align: left;}
.home-application-sangni .main-href {margin-top:50px}
.home-application-sangni .main-href a {display:inline-block;padding:17px 60px;background:var(--color-noticeboard-backgroud);color:#fff;font-size:16px;font-weight:600;cursor:pointer;border-radius:50px}
.home-application-sangni .main-href a:hover {background:#163785;text-decoration:none}

.home-application-sangni .home-applicationlist {position:relative;width: 33%;height:100%;overflow:hidden;padding: 10px 10px;}
.home-application-sangni .home-applicationlist span {position:relative;display:block;width:100%;height:100%}
.home-application-sangni .home-applicationlist span img {width:100%}
.home-application-sangni .home-applicationlist span i {position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(./pics/mb.png);background-size:auto 100%;}
.home-application-sangni .home-applicationlist h3 {/* position:absolute; */left:0;right:0;bottom:0;padding: 10px 0;width:100%;text-align:center;color: #000;font-size: 20px;font-weight:700;/* background:linear-gradient(rgba(0,0,0,0.001), rgba(0,0,0,0.6)); */opacity:1;transition:all 0.3s ease 0s;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
 }
.home-application-sangni .mengban{/* position: relative; */left:0;right:0;top:0;width:100%;height:100%;/* background:rgba(0,0,0,.75); *//* text-align:center; *//* padding:0 36px; */display:flex;justify-content:center;align-items:center;/* transform:translateY(100%); *//* transition:all 0.3s ease 0s; */color: #000;margin-bottom: 10px;}
.home-application-sangni .mengban h4 {font-size:18px;color:#fff;color:#212121;font-weight:700;}
.home-application-sangni .mengban p{font-size: 16px;line-height:26px;color: #000;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;}
.home-application-sangni .home-applicationlist h3:hover{
    color:#163785
}
.btn{
    font-size:18px;
    background:#fff;
    padding:5px 0px;
    /* margin-top: 38px; */
}
@media screen and (min-width:992px) {

.home-application-sangni .home-applicationlist:hover .mengban{transform:translateY(0);}
.home-application-sangni .home-applicationlist:hover h3{/* opacity:0; */}

}


@media screen and (max-width:1550px) {
.home-application-sangni .main-href {margin-top:45px;}
}

@media screen and (max-width:1441px) {
.home-application-sangni .title h2{font-size:34px;}
.home-application-sangni .main-href {margin-top:40px;}
.home-application-sangni .main-href a{padding:16px 55px;}
}

@media screen and (max-width:1367px) {
.home-application-sangni .title h2{font-size:32px;}
.home-application-sangni .main-href {margin-top:35px;}
.home-application-sangni .main-href a{padding:15px 50px;}
}

@media screen and (max-width:1280px) {
.home-application-sangni .title h2{font-size:30px;}
.home-application-sangni .main-href {margin-top:30px;}
.home-application-sangni .main-href a{padding:14px 45px;}
.home-application-sangni .home-applicationlist h3{font-size:17px;padding:20px 0;}
}


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

.home-application-sangni .title {width:100%;text-align:center;margin-bottom:30px;}
.home-application-sangni .home-applicationlist{width:33.333333%;}
.home-application-sangni .home-applicationlist h3{font-size:16px;}

}

@media screen and (max-width:768px) {
.home-application-sangni .title h2{font-size:28px;}
.home-application-sangni .main-href a{padding:12px 35px;font-size:15px;}
.home-application-sangni .home-applicationlist{width:50%;}
.home-application-sangni .home-applicationlist h3{padding:15px 0;}
}

@media screen and (max-width:576px) {
.home-application-sangni .title h2{font-size:26px;}
}

@media screen and (max-width:480px) {
.home-application-sangni .title h2{font-size:24px;}
.home-application-sangni .main-href a{padding:10px 30px;font-size:14px;}
}
