@media screen and (max-width:1500px){
    
 }
 @media screen and (max-width:1350px){
    .nav{
        display: none
    }
    .iab{
        padding: 50px 0
    }
    .menu{
        display: block;
    }
   .ft-l {
       width: 59.38%;
   }
   
 }
 @media screen and (max-width:1250px){
    .itext{
        transform: translateY(11px);
        font-size: 104px;
    }
    .idt-l{
        width: 100%;
        max-width: 510px;
    }
    .idt-r{
        width: 100%;
        margin-top: 30px;
    }
    .ul-idt>li>a{
        padding: 20px 0;
    }
    .idt{
        padding-bottom: 80px;
    }
    .guih-line{
        top: 30px;
    }
 }
 @media screen and (max-width:1150px){
    .xw-m{
        flex-direction: column-reverse;
    }
    .ul-xm-m{
        display: flex;
    margin-bottom: 40px;
    }
    .ul-xm-m>li{
        padding: 0;
        height: 68px;
    }
    .xw-m-l{
        width: 100%;
    }
    .xw-m-r{
        width: 100%;
    }
    .ul-xm-m>li::after{
        top: unset;
        bottom: -14px;
        left: 50%;
        transform: translate(-50%, 0px) rotate(
    -90deg);
    }
    .shiz-pic{
        height: 330px;
    }
 }
 @media screen and (max-width:1050px){
    .ft{
        padding: 70px 0 40px;
    }
    .ft-l{
        width: 100%;
    }
    .ft-r{
        width: 100%;
        padding: 3.8% 0;
        border-top: 1px #cccccc solid;
        margin-top: 20px;
        border-left: none;
    }
    .ft-b-c{
        flex-direction: column;
    align-items: flex-start;
    height: 64px;
    justify-content: center;
    }
    .ft-b-l{
        margin-bottom: 10px;
    }
    .ul-qc>li {
        width: 28.05%;
    }
}
@media screen and (max-width:950px){
    .ijt-r{
        padding: 150px 0 0 0;
        width: 100%;
    }
    .ijt-l{
        max-width: 450px;
        width: 100%;
    }
    .ijt-c{
        flex-direction: column;
        padding: 80px 0 30px;
    }
    .lb2-ixm{
        display: block;
    }
    .lb-ixm{
        display: none;
    }
    .ul-hd>li{
        width: 47.38%;
    }
    .ry-c-pic{
        width: 100%;
    }
    .ry-c-txt{
        width: 100%;
        margin-top: 20px;
    }
    .hdo-pic{
        width: 100%;
    }
    .hdo-txt2{
        width: 100%;
        padding: 40px 0% !important;
    }
    .ydai-t>p:nth-child(1), .ydai-li>p:nth-child(1) {
        min-width: 60px;

    }
    .clbj-c{
        flex-direction: column;
        margin-top: 60px;
    }
    .clbj-r{
        width: 100%;
        margin-top: 30px;
    }
    .clbj{
        padding: 60px 0 80px;
    }
    .youx-pic {

        width: 100%;
        max-width: 190px;
    }
    .youx-txt{
        width: 100%;
        margin-top: 20px;
    }
    .ul-kwu>li{
        width: 31.59%;
    }
    .ul-spin>li{
        width: 47.38%;
    }
    .ul-bj{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 8px;
    }
    .bj-kk{
        height: 100%;
    }
    .ul-bj>li{
        position: relative;
        display: block !important;
        width: 100%;
    }
    .ul-bj>li:nth-of-type(3n+1) {
        grid-row: auto / span 5;
      }
      .ul-bj>li:nth-of-type(3n+2) {
        grid-row: auto / span 6;
      }
      .ul-bj>li:nth-of-type(3n+3) {
        grid-row: auto / span 8;
      }
      .xw-top{
          padding: 60px 0;
      }
      .xw-t{
          flex-direction: column;
          align-items: flex-start;
      }
      .xw-t-l{
          width: 100%;
          max-width: 433px;
      }
      .xw-t-r{
          width: 100%;
          margin-top: 20px;
      }
}

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

@media screen and (max-width:850px){
    .txi-title {

        font-size: 16px;
    }
    .txi-title2{
        font-size: 20px;
    }
    .txi-tx{
        font-size: 14px;
    }
    .idt-l{
        max-width: unset;
    }
    .xw-m-c{
        flex-direction: column;
        padding: 2%;
    }
    .xw-m-pic{
        width: 100%;
        max-width: 320px;
    }
    .xw-m-txt {
        width: 100%;
        margin:0 ;
    
    }
    .ul-xfu>li{
        width: 43.79%;
    }
    .shiz-pic{
        height: 220px;
    }
}
@media screen and (max-width:750px){
    .itext {
        transform: translateY(9px);
        font-size: 76px;
    }
    .ijt .itext{
        right: -25px !important;
    }
    .ul-qc>li {
        width: 44.72%;
    }
    .ul-txi>li:nth-child(6){
        right: 1%;
    }
    .ul-txi>li:nth-child(1){
        left: 3%;  
    }
    .ul-guih>li{
        width: 100%;

    }
    .ul-guih>li:nth-child(3){
        padding-top: 10% !important;
    }
    .guih-line {
        top: 70px;
    }
    .ul-zy-menb>li>a{
        font-size: 14px;
        margin: 0 10px;
    }
}
@media screen and (max-width:640px)
{
    .app{
    padding-top: 100px;
   }
   .header{
       background-color: #fff;
   }
   .header .menu>ul>li {
    background-color: #626262;
}
    .ul-yxun>li{
        width: 100%;
        margin: 10px 0;
    }
    .ul-kwu>li{
        width: 48.26%;
    }
    .jiag-pic{
        width: 100%;
        overflow-x: auto;
    }
    .jiag-pic>img{
        width: unset;
    }
    .gutup>img{width:33.33%}

    .hd-title{ -webkit-line-clamp: 2; line-height: 24px; }
}