@media(max-width:1300px){
    .contactus{right: 10px;}
}
@media (max-width:1190px){
   h1{
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
    }
    .questions .left li h1{
        line-height: 1.2;
    }
    /* 隐藏原来的导航栏 */
     .top-nav-container{display: none !important}
     /* 显示新的导航 */
     .mb-top-nav{
         display: block;
     }
     .mb-top-nav1{
        width:100%;
    }
    .mb-nav-item-1{ 
        width: 40%;
        left: inherit;
        right: 5%;
    }
    .mb-nav-item-0{
        width: 40%;
        left: inherit;
        right: 5%;
    }
    .marginleft30{
        margin-left: auto !important;
    }
    .wk-con .left, .wk-con .right{
        float: none !important;
        width: 90%;
        margin-left: 50%  !important;
        transform: translateX(-50%);
    }
    .wk-con .right ul li{
        width: 100% !important;
    }
    .wk-con .right ul li:last-child{
        width: 100%;
    }
    .wk-con .right ul li:last-child a{
        display: inline-block;
        width: 100%;
        margin-left:50% !important;
        transform: translateX(-50%);
        height: auto;
        padding: 10px 0;
        line-height: 2;
    }
    .banner .layui-carousel{
        height: 400px !important;
    }

}
@media (max-width:717px){
    .mb-top-nav1{
        width: 100%;
        padding: 0 20px;
    }
    .svg-con, .svg-con2{
        display: none !important;
    }
    .mb-nav-item-0{
        width:90%;
        left: inherit;
        right: 10px;
    }
    .contactus{
        display: none;
    }
    .contactus_mb{
        display: block;
    }
}

@media screen and (min-width:1190px) and (max-width:1920px){
    .wk-con .layui-carousel{
         height: 420px !important;
     }
 }
 @media (max-width:835px){
    .news ul li .leftbx{
        width: 25%;
    }
    .news ul li .rightbx{
        width: 75%;
    }
}
@media (max-width:680px){
    .news ul li .leftbx{
        width: 30%;
    }
    .news ul li .rightbx{
        width: 70%;
    }
    .newsnav{
        padding:0 0 0 5%;
    }
}
@media (max-width:1300px){
    /* .newsnav{
        margin-top: 0px;
    } */
    .common-width{
        max-width: 90%;
    }
    .lt1{
        left: -120px;
        bottom: -150px;
    }
    .rt1{
        right: -120px;
        bottom: -150px;
    }
 
}
@media  screen and  (min-width:305px) and (max-width:415px){
    body,html{
        overflow-x: hidden;
    }

    .newcommon-width{
        max-width: 100%;
        box-shadow: none;
        border:none;
        border-radius: 0;
    }
    .up, .down{
        width: 100%;
    }
    .crumbs{
        padding-left: 30px;
    }
    .banner{
        display: none;
    }
    .fl-tit p{
        font-size: 12px;
    }
    .wk-con .left, .wk-con .right{
        display: none;
    }
    .wk-con{
        padding-bottom: 30px;
    }
    .colorbg1{
        display: block;
    }
    .fl-tit{
       margin-top: 50px;
       margin-bottom:20px;
    }
    .fl-tit h1{
        font-size: 27px;
        margin-bottom: 0;
    }
    .tit-color1{
        color: #fff !important;
    }
    .tit-color2{
        color: #eeeeee !important;
    }
    .mb-phone{
        display: block;
    }
    .text-con1{
        width: 90%;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .mb-phone{
        margin-top: 40px;
    }
    .text-con1 h1{
        font-size: 28px;
    }
    .text-con1 p{
        margin-top:10px;
        font-size: 14px;
    }
    .banner .layui-carousel{
        height: 300px !important;
    }
    .advantage ,.news1 ,.caselist{
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .advantage li{
        width: 48%;
        margin-bottom: 10px;
    }
    .advantage li h1{
        margin-top: 20px;
    }
    .caselist li{
        width: 48%;
        margin-bottom: 10px;
        padding: 20px 20px 30px 20px;
    }
    .caselist li h1{
        margin-bottom: 10px;
    }
    .news1 li{
        width: 100%;
        margin-bottom: 10px;
        padding: 20px 20px;
    }
    .news1 li h1{
        margin-bottom: 0;
    }
    .ad{
        padding: 80px 20px 0 20px;
        box-sizing: border-box;
    }
    .plan-details-triat-1{
        width: 90%;
    }
    .scene{
        width: 100%;
    }
    .fl-tit{
        padding:0 10px;
        box-sizing: border-box;
    }
    .custom ul li{
        width: 90%;
    }
 
    .rt1, .lt1{
        display: none;
    }
    .newsnav{
        margin-top: 0;
    }
    .margintop180{
        margin-top:160px !important;
    }
    .height30{
        height: 250px;
    }
    .news ul li .leftbx h1{
        font-size: 32px;
    }
    .news ul li .leftbx{
        padding: 10px;
    }
    .news ul li .leftbx p{
        font-size: 14px;
    }
    .news ul li .rightbx{
        padding: 10px;
        width: 100%;
    }
    .news ul li .rightbx h1{
        margin-bottom: 0;
    }
    .news ul li{
        padding: 15px;
    }
    .questions{
        padding: 0px 20px 0 20px;
    }
    .questions .right{
        padding-left: 0;
    }
    .questionlist li h1{
        font-size: 16px;
        line-height: 1.5;
    }
    .questionlist li p{
        font-size: 14px;
        line-height: 1.5;
    }
    footer ul{
        flex-direction: column;
        height: auto;
    }
    footer ul li{
        padding: 10px 0;
        position: relative;
    }

    footer p{
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, .1);
        margin-top: 30px;
    }
    .case-top{
        height: 30px;
    }
    .news .leftbx{
        display: none;
    }
}
@media (max-width:315px){
    .wk-con{
        padding-bottom: 30px;
    }
    .fl-tit{
       margin-top: 50px;
       margin-bottom:20px;
    }
    .fl-tit h1{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .text-con1 h1{
        font-size: 30px;
    }
    .text-con1 p{
        margin-top:15px;
    }
    .banner .layui-carousel{
        height: 300px !important;
    }
    .advantage ,.news1 ,.caselist{
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .advantage li{
        width: 48%;
        margin-bottom: 10px;
    }
    .advantage li h1{
        margin-top: 20px;
    }
    .caselist li{
        width: 48%;
        margin-bottom: 10px;
        padding: 20px 20px 30px 20px;
    }
    .caselist li h1{
        margin-bottom: 10px;
    }
    .news1 li{
        width: 100%;
        margin-bottom: 10px;
        padding: 20px 20px;
    }
    .news1 li h1{
        margin-bottom: 0;
    }

}
@media (max-width:555px){
    .advantage ,.news1 ,.caselist{
        flex-wrap: wrap;
        margin-top: 50px;
    }
    .advantage li{
        width: 48%;
        margin-bottom: 10px;
    }
    .advantage li h1{
        margin-top: 20px;
    }
    .caselist li{
        width: 48%;
        margin-bottom: 10px;
        padding: 20px 20px 30px 20px;
    }
    .caselist li h1{
        margin-bottom: 10px;
    }
    .news1 li{
        width: 100%;
        margin-bottom: 10px;
        padding: 20px 20px;
    }
    .news1 li h1{
        margin-bottom: 0;
    } 
  /* 2021 04 23新增 */
    .planimg-con1{
        flex-wrap: wrap;
    }
    .planimg-con1 .item{
        width: 100%;
        margin-top: 20px;
    }
    .planimg-con1 .item img{
        width: 140px;
    }
    .advantage_cont{
        flex-direction: column;
    }
    .shortcoming{
        width: 100%;
        margin-right: 0;
    }
    .advantagebg{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    /*产品价格 */
    .pricelist{
        flex-wrap: wrap;
    }
    .pricelist li{
        width: 48%;
        margin-bottom: 14px;
        padding: 20px;
    }
    .pricelist li h1{
        font-size: 18px;
    }
    .pritit{
        font-size: 16px;
        text-align: center;
        line-height:1.5;
        margin: 10px 0;
    }
    .promise{
        flex-wrap: wrap;
        width: 96%;
    }
    .promise li{
        width: 100%;
        margin-bottom: 20px;
    }
    .someprice1{
        width: 96%;
        overflow-x: scroll;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .someprice{
        margin-left: 0;
        transform: translateX(0);
    }
    .pc_tips{
        display: block;
        color: rgb(228, 15, 15);
        font-size: small;
        text-align: center;
    }
}

@media (max-width:798px){
    .plan-details-tit{
        font-size: 40px !important;
    }
    .ad>p{
        font-size: 14px;
    }
}
@media (max-width:640px){
    .plan-details-tit{
        font-size: 36px !important;
    }
    .custom ul{
        width:100%;
        flex-direction: column;
    }
    .custom ul li{
        width: 100%;
        margin-bottom: 30px;
    }
}
@media (max-width:724px){
    .plan-details-triat{
        display: none;
    }
    .plan-details-triat-1{
        display: block;
    }
}
@media(max-width:685px){
    .illustration__shape-right{
        height: 300px;
    }
    .illustration__shape-right svg{
        display: none;
    }
    .illustration{
        z-index: -1;
        margin-bottom: 30px;
    }
}
@media (max-width:1000px){
    .scene{
        display: block;
    }
    .plan-pages{
        display: none;
    }
}
@media (max-width:850px){
    .scene .l-item2 .planimg2 img{
        width: 80% !important;
    }
    .newsnav{
        padding:0 0 0 100px;
        margin-top: 0;
    }
}

@media (max-width:528px){
    .news ul li .rightbx a{
        display: block;
        position: relative;
        border: none;
       text-align: left;
    }
    .newsnav{
        padding:0 0 0 5%;
    }
}


@media (max-width:1250px){
    .newsdetails .right ul li h1{
        font-size: 18px;
        font-weight:500;
    }
    .newsdetails .right{
        float: none;
        width: 100%;
        margin-top: 40px;
    }
    .newsdetails .left{
        float: none;
        width: 100%;
       
    }
}

@media (max-width:455px){
    .newsdetails .last a:last-child{
        position: relative;
        width: auto;
        margin-top: 30px;
    }
}
@media (max-width:1054px){
    .questions .left{
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #fff;
        top: 0;
        left: 0;
        z-index: 999;
        padding-top: 0;
    }
    .questions .left li{
        justify-content:flex-start;
        width: 90%;
        margin-right: 0;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .questions .right{
        border: none;
    }
    .crumbs span:last-child{
        display: inline-block;
    }
    .questions .right{
        width: 100%;
    }
}