@media screen and (max-width:1780px){
    .advantage .advantage-box .advantage-lr {
        width: 84%;
    }
}

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


}

@media screen and (max-width:1520px){
    .advantage .advantage-box .advantage-lr ul li div:nth-child(2) {
        width: 70%;
    }

}

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

}

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


}

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

@media screen and (max-width:1366px){
    .Service_plan ul li .fa_img {
        width: 100px;
        height: 100px;
    }
    .Service_plan ul li .fa_img img{
        width: 40px;
    }
    .service {
        width: 80%;
    }
    .qs-box {
        width: 80%;
    }
    .buy-box .buy {
        width: 80%;
    }
    .engineer {
        width: 80%;
    }
    .security {
        width: 80%;
    }
    .advantage .advantage-box .advantage-lr ul li div:nth-child(2) {
        width: 61%;
    }
    .advantage .advantage-box .advantage-lr {
        width: 100%;
    }
}

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

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

}

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

}

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

}

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

}

@media screen and (max-width:1024px){
   .qs-box {
       width: 95%;
   }
    .service {
        width: 95%;
    }
    .Service_plan {
        width: 95%;
    }
    .advantage .advantage-box {
        width: 95%;
    }
    .Service_plan {
        width: 95%;
    }
    .buy-box .buy {
        width: 95%;
    }
    .engineer {
        width: 95%;
    }
    .security {
        width: 95%;
    }
    .buy-box .buy ul li h3 {
        font-size: 16px;
    }
    .qs-box .jj-box ul li {
        flex: 1;
    }
    .qs-box .jj-box ul li .jj-img {
        width: 100%;
        height: auto;
    }
    .service .service-bottom ul li p {
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .security ul li .security-right p {
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}

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

}

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

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

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

@media screen and (max-width:769px){
    .qs-box .jj-box ul {
        flex-wrap: wrap;
    }
    .qs-box .jj-box ul li:nth-child(1){
        width: 100%;
        flex: auto;
    }
    .qs-box .jj-box ul li .jj-img {
        width: 100px;
        height: 100px;
    }
    .qs-box .jj-box ul li:nth-child(n+2){
        width: 50%;
        flex: none;
    }
    .buy-box .buy ul {
        flex-wrap: wrap;
    }
    .buy-box .buy ul li {
        width: 33%;
        flex: none;
        margin-bottom: 20px;
    }
    .Service_plan ul {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .Service_plan ul li {
        width: 48%;
        flex: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .Service_plan ul li .Service_text {
        margin-top: 80px;
    }
    .Service_plan ul li .fa_img {
        top: 120px;
    }
    .qs-box .jj-box ul li {
        margin: 0 0 20px 0;

    }
    .advantage .advantage-box .advantage-lr {
        padding: 0 40px;
    }
    .advantage {
        background-size: auto;
    }
}

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

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

@media screen and (max-width:650px){
    .service .service-bottom ul li {
        width: 48%;
        margin-right: 2%;
    }
    .service .service-bottom ul li:nth-child(even) {
        margin-right: 0;
    }
    .engineer ul li {
        height: 335px;
    }
    .Service_plan ul li .fa_img {
        top: 75px;
    }
    .engineer ul li div {
        padding: 0 10px;
    }
}

@media screen and (max-width:486px){
    .engineer ul li div p {
        height: auto;
        margin-top: 33px;
        overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
      }
    .qs-box .jj-box ul li .jj-img {
        width: 80px;
        height: 80px;
    }
    .qs-box .jj-box ul li:nth-child(1) {
       width: 33.3%;
    }
    .qs-box .jj-box ul li:nth-child(2) {
        width: 33.3%;
     }
     .qs-box .jj-box ul li:nth-child(3) {
        width: 33.3%;
     }
     .qs-box .jj-box ul li:nth-child(4) {
        width: 50%;
     }
     .qs-box .jj-box ul li:nth-child(5) {
        width: 50%;
     }
    .engineer ul {
        flex-wrap: wrap;
    }
    .buy-box .buy ul li { 
        height: 209px;
        margin-bottom: 35px;
    }
    .advantage {
        background: url(../images/ys_back.jpg) no-repeat -331px -131px;
    }
    .Service_plan ul li {
        height: 345px;
    }
    .Service_plan ul li .fa_img {
        top: 58px;
    }
    .security ul li {
        width: 100%;
    }
    .Service_plan {
        padding-top: 5px;
    }
    .qs-box {
        margin: 40px auto 0;
    }
    .engineer {
        padding-top: 60px;
    }
    .security ul li {
        margin-bottom: 20px;
    }
    .service .service-bottom ul li h3 {
        font-size: 16px;
    }
    .advantage .advantage-box .advantage-lr ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .advantage .advantage-box {
        padding: 25px 0;
    }
    .qs-box > p {
        width: 95%;
    }
    .engineer ul li {
        width: 100%;
        flex: none;
        height: auto;
        margin-bottom: 20px;
    }
    .buy-box {
        padding-top: 30px;
        padding-bottom: 50px;
    }
    .service-box {
        margin-top: 0;
    }
}

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

}

@media screen and (max-width:340px){
    .service .service-bottom ul li h3 {
        font-size: 15px;
    }
    .Service_plan ul li h1 {
        top: 10px;
    }
    .Service_plan ul li .fa_img {
        top: 38px;
        width: 90px;
        height: 90px;
    }
    .Service_plan ul li .Service_text {
        padding: 0 5px;
    }
    .Service_plan ul li .Service_text {
        margin-top: 60px;
    }
    .Service_plan ul li {
        height: 300px;
    }
    .qs-box .jj-box ul li .jj-img {
        width: 80px;
        height: 80px;
    }
    .service {
        margin: 18px auto 2.048rem;
    }
    .engineer ul li {
        height: 235px;
    }

}