.custom-item>a {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.custom-item>a>img {
    width: 100%;
}
.custom-text {
    width: 100%;
    height: 200px;
    background: url(../images/clientbg1.png) center no-repeat;
    background-size: 100% 100%;
    color: #ffffff;
    font-size: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 125px 40px 5px;
}
.custom-text p{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.custom{
	padding: 60px 0;
    width: 1241px;
    margin: auto;
}
.custom>ul{
	margin: 0 -10px;
}
.custom>ul>li{
	width: 420px;
	padding: 15px 20px;
}
.custom-item>a>p{
	text-align: center;
    color: black;
    font-size: 16px;
    font-weight: bold;
    padding-top: 30px;
}
.custom-item>a>img{
	width: 100%;
	height: 260px;
}
.custom-btn{
	padding-bottom: 80px;
}
.custom-btn>a{
	margin: 0 auto;
}



@media (min-width : 1200px) and (max-width: 1440px) {

}

@media screen and (max-width: 768px) {
	.banner-info h3 {
	    font-size: .3rem;
	    padding-bottom: .2rem;
	}
	.banner-info p {
	    font-size: .14rem;
	}
	.custom {
		width: 100%;
	    padding: .3rem .15rem;
	}
	.custom>ul {
	    margin: 0 -0.1rem;
	}
	.custom>ul>li {
	    width: 50%;
	    padding: .1rem;
	}
	.custom-item>a>img{
		width: 100%;
		height: auto;
	}
	.custom-text {
	    height: 2rem;
	    font-size: .24rem;
	    padding: 1.25rem .15rem 0;
	}
	.custom-btn {
	    padding-bottom: .5rem;
	}
	.custom-item>a>p{
	    font-size: .216rem;
	    padding-top: 0.1rem;
	    height: .7rem;
	}
}