@media screen and (min-width: 751px){
	/* 能力 */
	.ability-list{
	}
	.ability-list .ability-item{
		display: block;
		float: left;
		width: 386px;
		margin: 0 21px 50px 0;
		border: 1px solid #ededed;
	}
	.ability-list .ability-item:nth-child(3n){
		margin-right: 0;
	}
	.ability-item .company-con{
		background: #6b83a3;
		height: 200px;
		padding: 28px 26px 15px;
		color: #fff;
	}
	.ability-item .company-con .company-info{}
	.ability-item .company-con .company-info .info-con{
		overflow: auto;
	}
	.ability-item .company-con .company-info .info-con .info-logo{
		float: left;
		margin-right: 30px;
		width: 98px;
		height: 98px;
		line-height: 98px;
		text-align: center;
		background: #fff;
	}
	.ability-item .company-con .company-info .info-con .info-logo img{
		max-width: 98px;
		max-height: 98px;
		vertical-align: middle;
	}
	.ability-item .company-con .company-info .info-intro{
		float: left;
		padding: 10px 0;
		width: 200px;
		font-size: 18px;
	}
	.ability-item .company-con .company-info .intro-name{
		font-size: 28px;
		margin-bottom: 10px;
		height: 38px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ability-item .company-con .company-info .intro-text{
		margin-top: 15px;
		line-height: 24px;
		height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.ability-item .company-text{
		line-height: 20px;
		height: 40px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	}
	.ability-item .company-classify{
		min-height: 132px;
		padding: 15px 0;
		overflow: auto;
	}
	.ability-item .company-classify li{
		position: relative;
		float: left;
		padding: 0 28px;
		width: 50%;
		height: 34px;
		line-height: 34px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
	}
	.ability-item .company-classify li:before{
		position: absolute;
	    content: '.';
	    font-size: 30px;
	    top: -10px;
	    left: 15px;
	}
	.ability-item .company-classify li:hover{
		color: #d71a1b;
	}

	.ability-list .ability-item:nth-child(1) .company-con{
		background: url(../images/inner/ability-bg1.jpg) 100% 100%;
	}
	.ability-list .ability-item:nth-child(2) .company-con{
		background: url(../images/inner/ability-bg2.jpg) 100% 100%;
	}
	.ability-list .ability-item:nth-child(3) .company-con{
		background: url(../images/inner/ability-bg3.jpg) 100% 100%;
	}
	.ability-list .ability-item:nth-child(4) .company-con{
		background: url(../images/inner/ability-bg4.jpg) 100% 100%;
	}
	.ability-list .ability-item:nth-child(5) .company-con{
		background: url(../images/inner/ability-bg5.jpg) 100% 100%;
	}
}
@media screen and (max-width: 750px){
	.ability-list{
	    overflow: auto;
	    padding: 0.2rem 0.1rem;
	}
	.ability-list .ability-item{
	    display: block;
	    border: 1px solid #ededed;
	    margin-bottom: 0.2rem;
	}
	.ability-item .company-con{
	    padding: 0.22rem;
	    color: #fff;
	    background-size: cover;
	}
	.ability-list .ability-item:nth-child(1) .company-con{
		background: url(../images/inner/ability-bg1.jpg);
	    background-size: cover;
	}
	.ability-list .ability-item:nth-child(2) .company-con{
		background: url(../images/inner/ability-bg2.jpg);
	    background-size: cover;
	}
	.ability-list .ability-item:nth-child(3) .company-con{
		background: url(../images/inner/ability-bg3.jpg);
	    background-size: cover;
	}
	.ability-list .ability-item:nth-child(4) .company-con{
		background: url(../images/inner/ability-bg4.jpg);
	    background-size: cover;
	}
	.ability-list .ability-item:nth-child(5) .company-con{
		background: url(../images/inner/ability-bg5.jpg);
	    background-size: cover;
	}
	.ability-item .company-con .company-info .info-con{
	    overflow: auto;
	}
	.ability-item .company-con .company-info .info-con .info-logo{
	    float: left;
	    margin-right: 0.18rem;
	    width: 0.62rem;
	    height: 0.62rem;
	    line-height: 0.62rem;
	    text-align: center;
	    background: #fff;
	}
	.ability-item .company-con .company-info .info-con .info-logo img{
	    max-width: 0.62rem;
	    max-height: 0.62rem;
	    vertical-align: middle;
	}
	.ability-item .company-con .company-info .info-intro{
	    float: left;
	    padding: 0.1rem 0;
	    width: 2.25rem;
	    font-size: 0.14rem;
	}
	.ability-item .company-con .company-info .intro-name{
	    font-size: 0.16rem;
	    height: 0.2rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.ability-item .company-con .company-info .intro-text{
	    margin-top: 0.07rem;
	    line-height: 0.2rem;
	    height: 0.2rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	.ability-item .company-text{
	    line-height: 0.2rem;
	    height: 0.4rem;
	    margin-top: 0.05rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    font-size: 0.13rem;
	}
	.ability-item .company-classify {
    padding: 0.1rem 0;
    overflow: auto;
}
.ability-item .company-classify li {
    position: relative;
    float: left;
    padding: 0 0.22rem;
    width: 50%;
    height: 0.3rem;
    line-height: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}
.ability-item .company-classify li:before {
    position: absolute;
    content: '.';
    font-size: 0.3rem;
    top: -0.1rem;
    left: 0.07rem;
}



}