@charset "UTF-8";
@media all and (max-width:1024px ) {
    .hidden{
        display: block!important;
    }
    .soulte-main .soulte-left{
        display: none;
    }
    .showImg{
        height: 280px!important;
    }
    .bgcontent{
        padding: unset;
    }
    .bgcontent p:nth-child(1){
        margin-top: 45px;
        font-size: 26px!important;
        padding-bottom:10px;
    }
    .solute_Intro>p:nth-child(2){
        width: 100%;
      font-size: 10px;
    }
    .solute_Intro>p:nth-child(3){
        margin-top:unset;
    }
    .solute_Intro>p:nth-child(3)>a{
        padding: 10px 20px!important;
        font-size: 12px;
    }
    .soulte-main{
        margin: 20px 0;
    }
    .soulte-right{
        width: 100%;
        padding-left: unset;
        border-left: unset;
    }
    .soulte-right .soulte-top-title{
        font-size: 22px;
    }
    .soulte-right .soulte-second-title{
        font-size: 18px;
        margin: 15px 0;
        text-align: center;
    }
    .govern-ul li{
        width: 100%;
        float: unset;
        text-align: center;
    }
    .govern-ul li .li-bwrite{
        text-align: left;
    }
    .govern-ul li:nth-child(3n+2){
        margin: 0;
        margin-top: 15px;
    }
    .server-border .sever-content{
        display: flex;
        justify-content: space-around;
    }
    .server-border .sever-content li{
        width: 21%;
        padding: 10px;
        word-wrap:break-word;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .server-border .sever-list{
        float: unset;
    }
    .server-border .sever-list{
        width: 94%;
        padding: 10px;
        margin-right: unset;
    }
    .server-border .sever-list:nth-child(2){
        margin-top: 25px;
    }
    .server-border .sever-list li{
        width: 22%;
        margin-right: 5px;
    }
    .server-border .sever-list li:nth-child(3), .server-border .sever-list li:nth-child(5){
        margin-right: 5px;
    }
    .consult{
        padding-bottom: 0px;
    }
    .bottom-phone{
        display: block!important;
    }
    .layer li{
        width: unset;
    }
    .educat-lth li{
        width: 100%;
        margin-right: unset;
    }
    .caseBox li{
        width: 48%;
    }
    .advant{
        width: 100%;
    }
    .advant:nth-child(1){
        margin-bottom: 10px;
    }
    .advant p:nth-child(1){
        width: unset;
        padding: 30px 5%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .advant p:nth-child(2){
        width: 71%;
        padding: 10px 2%;
        float: right;
    }
    .educat-lth>li>p>img{
        width: 100%;
    }
    .educat-course li:nth-child(2n+1){
        float: left;
    }
    .educat-course li:nth-child(2n+2){
        float: right;
    }
    .advan,.school-lth,.flex_between{
        display: unset;
    }
    .smallhaveFlex{
        display: flex;
        height: 120px;
    }
    .advan li,.between3 li{
        width: 100%;
        text-align: center;
    }
    .school-lth li{
        margin: 0 auto;
        border: unset;
        margin-bottom: 20px;
    }
    .differentTop{
        display: flex;
    }
    .between6 li:nth-child(odd){
        width: 48%;
        float: left;
        margin-bottom: 20px;
    }
    .between6 li:nth-child(even){
        width: 48%;
        float: right;
        margin-bottom: 20px;
    }
    .between4 li{
        width: 100%;
        padding: 25px 0;
    }
    .between4 p img{
        width: 100%;
    }
    .doubleLine{
        display: unset!important;
    }
    .server-border .ptive li:nth-child(5), .server-border .ptive li:nth-child(10){
        margin-right: 10px;
    }
    .server-border .ptive li:nth-child(4), .server-border .ptive li:nth-child(8), .server-border .ptive li:nth-child(12){
        margin-right: 10px;
    }
    .differentContent>li:nth-child(4){
        padding: 10px!important;
    }
    .custom1_li1>div>p{
        height: 120px;
    }
   .custom1>li:nth-child(2) p{
       height: 200px;
   }
    .between_img4>li>img{
        width: 100%;
    }
    .custom2 li{
        height: 270px;
    }
    .img_p>li{
        width: 100%;
    }
    .img_p li p{
        margin: 15px 0;
    }
    .server-border .layer li{
        margin-right: 10px;
    }
    .server-border .layer li:nth-child(4), .server-border .layer li:nth-child(8){
        margin-right: 10px;
    }
    .between_left{
        display: flex;
    }
    .reales{
        display: unset;
    }
    .reales li{
        margin: 25px 19%;
    }
    .soulte-ye li{
        margin-right: unset;
        margin-left: 20%;
    }
    .park-you li:nth-child(odd){
        width: 40%;
        float: left;
        margin-right: unset;
    }
    .park-you li:nth-child(even){
        width: 40%;
        float: right;
        margin-right: unset;
    }
    .park-you li{
        padding: 4%;
    }
    .soulte-model{
        padding: 20px 10px;
    }
    .soulte-model .things li{
        margin-right: 0;
        margin-bottom: 10px;
        text-align: left;
    }
    .thisdiffi>li{
        width: 30%!important;
        text-align: center;
    }
    .server-border .ptive li{
        margin-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .custom3 li:nth-child(4n+1){
        margin-right: unset;
    }
    .custom3 li:nth-child(4n+3){
        margin: unset;
        margin-bottom:20px;
    }
    .custom3 li{
        width: 46%;
        height: 135px;
        margin-bottom:20px;
    }
    .custom3 li:nth-child(even){
        float: right;
    }
    .custom3 li p{
        height: 90px;
    }
    .custom4 li{
        display: block;
    }
    .custom4 li:nth-child(odd) .wordContent,.custom4 li:nth-child(even) .wordContent{
        width: 100%;
    }
    .custom4 li:nth-child(3) .wordContent{
        padding-top: 0;
    }
    .custom4 >li>p{
        width: 100%;
        text-align: center;
        max-width: 450px;
        text-align: center;
    }
    .wordContent p:nth-child(1) span{
        font-size: 48px;
    }
    .wordContent p:nth-child(1){
        font-size: 18px;
    }
    .wordContent p:nth-child(2){
        font-size: 13px;
    }
    .blackboard>ul>li{
        width: 21%;
    }
    .colorful4 li{
        width: 38%;
        padding: 20px 5%;
        margin: 10px 0;
    }
    .colorful4 li:nth-child(even), .number4 li:nth-child(even){
        float: right;
    }
    .colorful4 li:nth-child(odd), .number4 li:nth-child(odd){
        float: left;
    }
    .colorful4 li>p:nth-child(1)>img{
        width: 50px;
        height: 50px;
    }
    .colorful4 li>p:nth-child(2){
        margin-top: 8px;
    }
    .number4 li{
        width: 48%;
        margin: 10px 0;
        height: 200px;
    }
    .number4 li>p:nth-child(1) img{
        height: 50px;
    }
    .number4 li>p:nth-child(2){
        margin-top: 10px;
    }
    .between3 li p{
        text-align: left;
        margin-bottom: 5px;
    }
    .shortTitle>p{
        width: unset;
        font-size: 16px;
    }
    .flex_around{
        display: unset;
    }
    .around3 li{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 10px 0;
    }
    .around3 li:nth-child(1){
        margin-top: 20px;
    }
    .around3 li p{
        width: unset;
        font-size: 16px;
        margin-right: 20px;
        text-align: left;
    }
    .around3 li img{
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .contentCenter{
        text-align: center;
    }
    .contentCenter>li>p{
        text-align: center;
    }
    .short2_title{
        margin-bottom: 20px!important;
    }
    .differentTop{
        display: unset;
    }
    .differentTop li p{
        text-align: center;
    }
    .differentTop li p:nth-child(2){
        margin-bottom: 30px;
    }
    .pro-you li{
        width: 90%;
        padding: 20px 5%;
    }
    .smallunFlex{
        display: unset!important;
    }
    .site-you li{
        width: 90%;
        padding: 20px 5%;
        height: unset;
    }
    .site-use{
        display: flex;
        justify-content: space-between;
    }
    .site-use li{
        width: 30%;
        margin-right: 0px;
    }
    .site-use li>p{
        text-align: center;
    }
    .xiaotu li>p{
        text-align: center;
    }
    .blackboard>ul{
        width: 100%;
        padding: 60px 5% 10px 5%;
    }
    .margintop20{
        margin-top: 20px;
    }
    .margin_bottom20{
        margin-bottom: 20px;
    }
    .between_left li p:nth-child(2){
        font-size: 14px;
        text-align: center;
    }
    .custom1_li1>div>p>span:nth-child(1), .custom1_li2>p>span:nth-child(1){
        font-size: 16px;
    }
    .custom1_li1>div>p>span:nth-child(4), .custom1_li2>p>span:nth-child(4){
        font-size: 13px;
    }

}
@media all and (min-width: 361px) and (max-width: 420px){
    .advant>p>img{
        width: 35px;
    }
    .advant p:nth-child(2){
        width: 74%;
    }
    .gridsMiss{
        display: unset!important;
    }
    .gridsMiss li{
        width: 38%!important;
        margin-right: 10px!important;
        margin-bottom: 10px!important;
    }
}
@media all and (max-width: 360px){
    .gridsDiss{
        display: unset!important;
    }
    .gridsDiss li{
        width: 38%!important;
        margin-right: unset!important;
        margin-bottom: 10px;
    }
    .gridsDiss li:nth-child(odd){
        margin-right: 10px!important;
    }
    .smallunFlex>li{
        margin-right: 10px!important;
        margin-bottom: 10px;
    }
    .smallunFlex>li:nth-child(3n){
        margin-right: unset!important;
    }
    .smallhaveFlex{
        height: 130px;
    }
    .gridsMiss li:nth-child(3n){
        margin-right: 10px!important;
    }
    .custom1_li1>div img, .custom1_li2>img{
        height: 30px;
    }
    .reales li{
        margin: 25px 19%;
    }
    .soulte-ye li{
        margin-left: 18%;
    }
    .custom2 li p:nth-child(2){
        font-size: 16px;
    }
}
@media all and (max-width: 320px){
   .server-border .sever-list li{
       width: 42%;
       margin-right: unset;
    }
    .server-border .sever-list li:nth-child(even){
        margin-right:8%;
    }
    .smallunFlex>li{
        width:38%!important;
    }
    .smallunFlex>li:nth-child(even){
        margin-right: unset!important;
    }
    .smallunFlex>li:nth-child(3){
        margin-right: 10px!important;
    }
    .smallunFlex>li:nth-child(9){
        margin-right: 10px!important;
    }
    .educat-course li{
        width: 135px;
    }
    .reales li{
        margin: 25px 14%;
    }
    .soulte-ye li{
        margin-left: 15%;
    }

}