/*分辨率*/

.max-body{background: none;}
.content-container{padding-top: 50px;}
.content-container > .col-md-6{padding: 0;}
.content-container > .col-md-6 img{width: 100%;}
.content-container .col-md-6 .since{font-size: 18px;letter-spacing: 0.5rem}
.content-container .ability-content{color: #000000}
.content-container .title{font-size: 36px;font-weight: bold;text-transform: uppercase}
.content-container span{display: inline-block;width: 70px;height: 4px;background-color:rgb(242,180,16);margin-top: 30px;}
.content-container p{font-size: 18px;font-family: Aileron, sans-serif ;color: #666666;line-height: 35px;margin-top: 50px;text-align: justify;}
.content-2{background-color: rgb(51,51,51);color: #ffffff;}
.content-2 .container{background-color:rgb(51,51,51); }
.content-2 .container p{width: 100%; color: #ffffff;}
.content-container ul img {width: 100%;}
.content-3 ul li div{display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;background-color: rgb(245,245,245);height: 100px;font-size: 18px;
}
.content-4 {background-color: rgb(245,245,245);margin-top:40px; padding-bottom: 40px;}
.content-4 .container {background-color: rgb(245,245,245);}
.content-4 li{margin-top: 20px;}
@media only screen and (min-width: 320px) {
    .content-container .ability-content{padding:20px 30px;}
    .content-2 ul{margin: 30px auto;}
    .content-2 ul li{margin-top: 20px;}
    .content-2 .container {width: 90%;margin: 0 auto;}
}

@media only screen and (min-width: 768px) {

}

@media only screen and (min-width: 992px) {
    .content-container .ability-content{padding-left: 10px;padding-top:0;padding-right: 20px;}
    .content-2 ul{width: 90%;margin: 40px auto;}
    .content-2 ul li{margin-top: 20px;}
    .content-2 .container {width: 1200px;}
    .content-3 ul {margin: 40px auto;}
    .content-container p{margin-top: 0;}
    .ability .ability-item .ability-item-title{
        font-size: 20px;
        padding-top: 20px;
    }
    .ability .ability-item p{
        width: 65%;
        margin: 20px auto 40px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 1200px) {
    .content-container .ability-content{padding-left: 50px;padding-top:0;}
    .content-container p{margin-top: 30px;width: 90%;}
    .content-container span{margin-top: 10px;}
    .ability .ability-item .ability-item-title{
        font-size: 30px;
        padding-top: 40px;
    }
    .ability .ability-item p{
        width: 65%;
        margin: 20px auto 40px;
        font-size: 20px;
    }
}
@media only screen and (min-width: 1500px) {
    .content-container span{margin-top: 30px;}
    .content-container .ability-content{padding-left: 50px;padding-top:0;}
    .content-container p{margin-top: 30px;}
    .ability .ability-item .ability-item-title{
        font-size: 40px;
        padding-top: 80px;
    }
    .ability .ability-item p{
        width: 65%;
        margin: 20px auto 40px;
        font-size: 20px;
    }
}
@media only screen and (min-width: 1700px) {
    .content-container .ability-content{padding-left: 50px;padding-top:60px ;}
    .content-container p{margin-top: 50px;}
    .ability .ability-item .ability-item-title{
        font-size: 50px;
        padding-top: 100px;
    }
    .ability .ability-item p{
        width: 65%;
        margin: 20px auto 40px;
        font-size: 22px;
    }
}