@media screen and (min-width: 640px) and (max-width: 1000px) {
    


     .gong-max,
    .page-gongmax
    {
        width: 94%;
    }
    .header-le,
    .nav_center,
    .header-ri,
    .index-footer,
    .page-banner1,
    .page-title
    {
        display: none;
    }
    .about-ri,
    .about-le{
        width: 100%;
    }
    .index-programme,
    .idnex-workshop,
    .index-process-max,
    .idnex-course,
    .index-por,
    .partner,
    .swiper5,
    .index-footer,
    .about-ri,
    .hourlist,
    .index-news
    {
         margin-top: .4rem;
     }
     .swiper-button-next,
     .swiper-button-prev{
         display: none;
     }
     .swiper-button-next2,
     .swiper-button-prev2{
         display: block;
     }
     .pagination1 span{
          padding: 0px 7px;  
     }
     .pagination1{
         bottom: 10px !important
     }
    .web-header{
        display: flex;
        justify-content: space-around;
        font-size: .24rem
    }
    .logo{
        width: 5.7333rem;
    }
    .nav{
        height: auto;
    }

    /* 导航 css  */
    .wrap a {
    display: block;
    float: right;
    
}
     #navToggle span {
        position: relative;
        width: .6rem;
        height: 1px;
        margin-top: .4667rem
    }

    #navToggle span:before,
    #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 1px;
        left: 0;
    }

    #navToggle span,
    #navToggle span:before,
    #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #000;
    }

    #navToggle span:before {
        top: .4rem;
    }

    #navToggle span:after {
        bottom: -15px;
    }

    #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }

    #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    #navToggle.open span {
        background: none;
    }

    #navToggle.open span:before,
    #navToggle.open span:after {
        background: #4f4f4f;
    }
        .m_nav {
        position: fixed;
        top: 0px;
        box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
        width: 100%;
        height: 100%;
        background: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        z-index: 1000;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        overflow-y: auto;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        top: 0;
        transform: translateX(100%);
    }
    .m_nav.open {
        transform: translateX(0);
    }
    .m_nav .top {
        height: 60px;
        padding: 20px;
        box-sizing: border-box;
    }

     .clearfix .closed {
        
        float: right;
       
    }
     .clearfix .web-logo {
         float: left;
         max-width: 35%;
     }
    .m_nav .ul {
       
        padding: 0;
    }

    .m_nav .ul li {
        padding: 0.2rem .64rem;
        border-bottom: 1px dashed #efecec;
        transform: translateY(0);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        opacity: 0;
    }

    .m_nav.open .ul li {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        
    }

    .m_nav .ul li:nth-child(1) {
        -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(2) {
        -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(3) {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(4) {
        -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(5) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(6) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(7) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(8) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li a {
        display: block;
        text-decoration: none;
        color: #333;
        font-size: .3733rem;
        height: 50px;
        line-height: 50px;
        width: 100%;
    }
     /* 导航 end   */
    .gong-h3 h3{
        font-size: .4rem;
    }
    .gong-h3 span{
        font-size: .2433rem
    }
    .about-le h4{
        font-size: .3733rem;
        padding: .2667rem 0;
    }
    .about-le p{
        font-size: .1867rem;
        line-height: .64rem;
    }
    .index-about{
        margin-top: 0;
    }
    .gong-h3 .div-botder{
        height: .1333rem;
        margin-top: .1333rem
    }
    .about-le>span{
        font-size: .24rem;
        margin: 0;
    }
    
     .about-ri .swiper2 img{
         height: auto;
         width: 100%;
     }
     .idnex-course ul{
         flex-wrap: wrap;
     }
     .idnex-course ul li{
         width: 50%;
     }
     .idnex-course ul li .cour-div h3{
         font-size: .2667rem;
     }
     .idnex-course ul li a .course-bg-hover h3{
         font-size: .2667rem;
     }
     .tab-por-le{
         display: initial;
     }
     .tab{
         display: flex;
         justify-content: space-between;
     }
     .tab-por-le ul{
         margin-top: .4rem;
     }
     .tab-por-le ul li{
         margin: 0;
         font-size: .3467rem;

     }
   
       .tab-por-le .tab a{ display: none;}
      
     .products{
         margin-top: .4rem;
     }
     .main-body{
        margin: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: .4rem;
     }
     .main-body li{
         width: 48%;
         margin-right: 0; font-size: .24rem;
     }
     .main-body li img{
         width: 100%;
         height: auto;
     }
     .main-body li p{
         margin: 0;
         height: .4667rem;
         line-height: .4667rem;
         font-size: .24rem;
         padding: .1333rem 0;
     }
     .main-body li p a{
         font-size: .24rem;
     }
     .ame-le h3,
     .ame-le2 h3{
         font-size: .4rem
     }
     .index-programme-le{
         left: .1333rem;
     }
     .index-programme-ri{
         right: .1333rem;
     }
     .tab-case-le li{
         width: 33%;
         padding: 0 !important;
         text-align: center;
     }
     .tab-por-le .case-tab a{
         display: none;
     }
     .case-p .case-p-r h3,
     .case-p p{
         display: none;
         
     }
     .case-p{
         margin: 0;
     }
     .case-p .case-p-l{
         float: none;
         text-align: center;
     }
     .case-p .case-p-l h3{
          font-size:.24rem;
          padding: 0.1333rem 0;
     }
     .web-por-mor{
         text-align: center;
        background-color: #02dbfe;
        color: #fff;
        width: 30%;
        height: .8rem;
        line-height: .8rem;
        margin: 0 auto;
        font-size: .3733rem;
        margin-top: .1333rem;
     }
     .web-por-mor a{
         color: #fff;
     }
     .process-h3 h3{
         font-size: .4rem;
     }
     .process-h3-r{
         font-size: .1867rem;
     }
     .index-process ul li{
         width: 30%;
         margin: 0;
     }
     .index-process ul{
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
     }
     .index-process ul li img{
         width: 100%;
         height: auto;
     }
     .index-process ul li p{
         margin-top: 0;
         padding: 0.1333rem 0;
         font-size: .24rem;
     }
     .idnex-workshop ul{
        display: none;
     }
     .index-process-max{
         padding: .5333rem 0;
     }
     .idnex-workshop dl{
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
         margin-top: 0.4rem;
     }
     .idnex-workshop dl dt{
         width: 48%;
     }
     .idnex-workshop dl dt img{
         width: 100%;
         height: auto;
     }
     .index-news{
         padding: 0;
         padding: 0.5rem 0 1.9rem 0;
         width: 100%;
     }
     .index-news-ri{
         float: none;
     }
     .index-news-le{
         float: none;
         width: 96%;
         margin: 0;
         position: relative;
         margin: 0 auto;
     }

     .news-slide-top h3{
         padding: 0 0 .4rem 0;
         font-size: .2667rem
     }
     .news-slide-top p{
         font-size: .1867rem
     }
     .news-slide-top, .news-slide-boot{
         padding: .32rem;
     }
     .news-tab li{
         width: 47%;
         padding: 0;
         height: 0.8rem;
         line-height: 0.8rem;
         font-size: .2667rem;
     }
     .news-tab li::before{
         margin-left: .1333rem;
     }
     .news-more{
         position: absolute;
         top: 0;
         right: 0;
         width: 1.9333rem;
         height: .6rem;
         line-height: .6rem;
         padding: 0;
         font-size: .24rem;
     }
     
     .news-tab{
       
         margin: 0;
         display: flex;
         justify-content: space-between;
         margin: 0 auto;
         width: 94;
           margin-top: 0.4rem;
           margin-bottom: 0.4rem;
     }
    
   
     .products .main3{
         width: 100%;
         margin-left: 0;
     }
     .index-news-ri{
        
         width: 96%;
        margin: 0 auto;
     }
     .news-slide>img{
         width: 100%;
         height: auto;
     }
     .pagination4,
     .pagination3{
         bottom: -0.8rem
     }
     .partner .swiper-slide img{
         width: 100%;
         height: auto;
     }
     .partner-title h3{
         font-size: .48rem
     }
     .web-footer{
         background-color: #161616;
         padding: .5rem 0;
     }
     .footul-max{
         border-bottom: solid .0133rem #fff;
     }  
     .web-footer ul{
         width: 80%;
         margin: 0 auto;
         display: flex;
         justify-content: space-between;
         font-size: .24rem;
         padding: .1333rem 0;
        
     }
      .web-footer ul li a{
          font-size: .24rem;
          color: #fff;
      }
      .foot-text p{
          font-size: .2133rem;
          color: #fff;
          text-align: center;
          padding: .2rem 0;
      }

       .foot-tel{
           padding: .2667rem 0;
       }
      .foot-tel h3{
          color: #fff;
          font-size: .5067rem;
          text-align: center;
      }
      .foot-tel img{
          display: block;
          margin-left: auto;
          margin-right: auto;
      }
      .web-banner{}
      .web-banner img{
          width: 100%;
      }

      /* 内页   */
      .page-ficationmax{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }
     
      .page-ficationmax li{
          width: 32%;
          height: .6667rem;
          line-height: .6667rem;
          
           font-size: .32rem;
           margin-bottom: 0.2rem;
           background-color: #eeeeee;

      }
       .page-ficationmax2 li{
          width: 24%;
      }
      .page-fication{
          background: none;
      }
      .page-ficationmax li::after{
          content: "";
          padding:0
      }
      .page-ficationmax li a{
          font-size: .32rem;
          display: block;
      }
      .about-body img{
          max-width: 100%;
      }
      .page-ficationmax .on a{
          border: none;
          background-color: #02dbfe;
          color: #fff;
          padding: 0;
      }
      .case li{
          width: 100%;
          padding: 1%;
          border:none
      }
      .case li img{
          width: 100%;
          height: auto;
      }
      .case li p{
          font-size: .24rem;
          line-height: .6133rem;
      }
      .web-page-title{
          font-size: .3733rem;
          padding: .2rem 0;
          border-bottom: solid 1px #eae5e5;

      }
      .web-page-title p{
          display: flex;
          align-items: center;
      }
      .web-page-title p a{
          color: #000;
      }
      .web-page-title p::before{
          content: "";
          display: inline-block;
          width: .1667rem;
          height: .3867rem;
          background-color: #02dbfe;
          margin-right: .1333rem;
          
      }
      .about-body p{
          font-size: .24rem;
          line-height: .64rem
      }
      .hourlist{
          margin-right: 0;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }
      .hourlist li{
          width: 48%;
          margin-right: 0;
      }
      .hourlist li img{
          width: 100%;
          height: auto;
      }
      .hourlist li p{
          margin: .2rem 0;
      }
      .hourlist li p a{
          font-size: .1867rem;
      }
      .news-list ul li{
          width: 100%;
          padding: 0;
      }
      
      .news-list ul li .news-list-le h3{
          font-size: .4533rem
      }
      .news-list ul li .news-list-le{
          width: 100%;
      }
      .news-list ul li .news-list-ri{
          width: 100%;
      }
      .news-list ul li .news-list-ri img{
          width: 100%;
          margin-top: .2rem;
      }
      .news-list ul li .news-list-le b{
          margin-top: 0;
      }
      .news-list ul li .news-list-le p{
          font-size: .24rem
      }
      .news-list ul li .news-list-le b a{
          font-size: .1867rem;
      }
      .page-ficationmax a:hover{
          border: none;
      }
      .show-body img{
          max-width: 100%;
      }
      .show-body p{
          font-size: .24rem;
      }
      .por-le{
          display: none;
      }
      .por-ri{
          width: 100%;
      }
      .page-ficationmax h3{
          font-size: .24rem;
      }
      .page-por-fl{
            margin-right: 0 !important;
            flex-wrap: nowrap;
            overflow-x: auto;
            align-items: center;
            overflow-y: hidden;
            white-space: nowrap;
      }
      /* .page-por-fl::-webkit-scrollbar{
          background-color: #ffffff;
          height: .1333rem;
      } */
       .page-por-fl li{
            background: none;
            margin: 0 .2667rem;
            padding: 0.3rem 0;
      }
      .page-por-fl .on a{
        background: none;
        color: #000;
        color: #00dafd;
        border-bottom: solid 1px #00dafd;
      }
      .tow-fl{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: .3333rem;
      }
      .tow-fl dt{
          width: 24%;
          font-size: .32rem;
         height: 0.6667rem;
        line-height: .6667rem;
        font-size: .32rem;
        margin-bottom: 0.2rem;
        background-color: #eeeeee;
        text-align: center;
      }
      .tow-fl dt a{
          color: #000;
      }
      /* .por-ri>ul>li{
          width: 50%;
      } */
      .por-ls{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-right: 0 !important;
      }
       .por-ls li{
           width: 48% !important;
           margin-right: 0 !important;
           margin-bottom: .2667rem;
           margin-top: 0 !important;
       }
        .por-ri ul li p{
            font-size: .24rem;
        }
       .por-ls li img{
          width: 100% !important;
          height: auto !important;
      }
      .por-tab{
          display: flex;
          align-items: center;
      }
      .por-tab h3{
         font-size: .32rem;
         width: 40%;
      }
      .por-ri{
          margin-top: 0;
      }
      .page-fication2{
         padding: 0;
      }
       .team{
           margin-right:0;
           display: flex;
           justify-content: space-between;
           flex-wrap: wrap;
       }
      .team li{
          width: 48%;
          margin: 0 0 .3333rem 0;
      }
      .team li img{
          width: 100%;
          height: auto;
      }
      .team li .team-li-div{
          padding: .233rem 0.1rem;
      }
      .team li .team-li-div h3{
          font-size: .3733rem;
          margin-bottom:0
      }
      .team li .team-li-div p{
          font-size: .24rem
      }
      .main-body li .divtram{
          width: auto;
          height: auto;
      }
      .swiper-button-next, .swiper-button-prev{
          height: 30px;
      }
   /* .idnex-workshop ul,
    .index-footer{
            display: none;   
   }
    .index-news{
         padding: 0;
         padding: 0.5rem 0 1.9rem 0;
         width: 100%;
     }
     .index-news-ri{
         float: none;
     }
     .index-news-le{
         float: none;
         width: 96%;
         margin: 0;
         position: relative;
         margin: 0 auto;
     }

     .news-slide-top h3{
         padding: 0 0 .4rem 0;
         font-size: .2667rem
     }
     .news-slide-top p{
         font-size: .1867rem
     }
     .news-slide-top, .news-slide-boot{
         padding: .32rem;
     }
     .news-tab li{
         width: 47%;
         padding: 0;
         height: 0.8rem;
         line-height: 0.8rem;
         font-size: .2667rem;
     }
     .news-tab li::before{
         margin-left: .1333rem;
     }
     .news-more{
         position: absolute;
         top: 0;
         right: 0;
         width: 1.9333rem;
         height: .6rem;
         line-height: .6rem;
         padding: 0;
         font-size: .24rem;
     }
     
     .news-tab{
       
         margin: 0;
         display: flex;
         justify-content: space-between;
         margin: 0 auto;
         width: 94;
           margin-top: 0.4rem;
           margin-bottom: 0.4rem;
     }
    
   
     .products .main3{
         width: 100%;
         margin-left: 0;
     }
     .index-news-ri{
        
         width: 96%;
        margin: 0 auto;
     }
     .news-slide>img{
         width: 100%;
         height: auto;
     }













     
    .logo{
       width: 50%;
    }
    .m_nav{
        display: block !important;
    }
    .wrap a {
    display: block;
    float: right;
}
#navToggle span {
        position: relative;
        width: .4667rem;
        height: .0267rem;
        margin-top: .4667rem
    }

    #navToggle span:before,
    #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 1px;
        left: 0;
    }

    #navToggle span,
    #navToggle span:before,
    #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #000;
    }

    #navToggle span:before {
        top: .4rem
    }

    #navToggle span:after {
        bottom: -15px;
    }

    #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }

    #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    #navToggle.open span {
        background: none;
    }

    #navToggle.open span:before,
    #navToggle.open span:after {
        background: #4f4f4f;
    }
        .m_nav {
        position: fixed;
        top: 0px;
        box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
        width: 100%;
        height: 100%;
        background: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        z-index: 1000;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        overflow-y: auto;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        top: 0;
        transform: translateX(100%);
    }
    .m_nav.open {
        transform: translateX(0);
    }
    .m_nav .top {
        height: 60px;
        padding: 20px;
        box-sizing: border-box;
    }

     .clearfix .closed {
        
        float: right;
       
    }
     .clearfix .web-logo {
         float: left;
         max-width: 35%;
     }
    .m_nav .ul {
       
        padding: 0;
    }

    .m_nav .ul li {
        padding: 0 .2667rem;
        border-bottom: 1px dashed #efecec;
        transform: translateY(0);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        opacity: 0;
    }

    .m_nav.open .ul li {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        
    }

    .m_nav .ul li:nth-child(1) {
        -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(2) {
        -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(3) {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(4) {
        -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(5) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(6) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(7) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(8) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li a {
        display: block;
        text-decoration: none;
        color: #333;
        font-size: .24rem;
        height: 50px;
        line-height: 50px;
        width: 100%;
    }

    .about-le,
    .about-ri{
        width:100%;
    }
    .nav_center{
        display: none;
    }
    .about-ri .swiper2 img{
        width: 100%;
    }
    .gong-max{
        width: 96%;
    }
        .main-body{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin: 0;
        }
        .main-body li{
            width: 48%;
        }
        .main-body li img{
            width: 100%;
            height: auto;
        }
        .main-body li .divtram{
            width: auto;
            height: auto;
        }
        .tab-por-le ul li{
            font-size: .2133rem
        }
        .case-p .case-p-l h3{
            font-size: .24rem;
        }
        .main-body li p{
            line-height: .2933rem
        }
        .case-p p a{
            font-size: .1867rem !important;
        }
        .idnex-workshop ul li{
            width: 48%;
        }
        .idnex-workshop ul li img{
            width: 100%;
            height: auto;
        }

         .web-footer{
         background-color: #161616;
         padding: .5rem 0;
     }
     .footul-max{
         border-bottom: solid .0133rem #fff;
     }  
     .web-footer ul{
         width: 80%;
         margin: 0 auto;
         display: flex;
         justify-content: space-between;
         font-size: .24rem;
         padding: .1333rem 0;
        
     }
      .web-footer ul li a{
          font-size: .24rem;
          color: #fff;
      }
      .foot-text p{
          font-size: .2133rem;
          color: #fff;
          text-align: center;
          padding: .2rem 0;
      }
       .foot-tel{
           padding: .2667rem 0;
       }
      .foot-tel h3{
          color: #fff;
          font-size: .5067rem;
          text-align: center;
      }
      .foot-tel img{
          display: block;
          margin-left: auto;
          margin-right: auto;
      }
      .web-banner{}
      .web-banner img{
          max-width: 100%;
      }
        .idnex-workshop dl{
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
         margin-top: 0.4rem;
     }
     .idnex-workshop dl dt{
         width: 48%;
     }
     .idnex-workshop dl dt img{
         width: 100%;
         height: auto;
     } */


     /* 内页   */
    
}
@media only screen and (max-width: 767px){
    .gong-max,
    .page-gongmax
    {
        width: 94%;
    }
    .header-le,
    .nav_center,
    .header-ri,
    .index-footer,
    .page-banner1,
    .page-title
    {
        display: none;
    }
    .about-ri,
    .about-le{
        width: 100%;
    }
    .index-programme,
    .idnex-workshop,
    .index-process-max,
    .idnex-course,
    .index-por,
    .partner,
    .swiper5,
    .index-footer,
    .about-ri,
    .hourlist,
    .index-news
    {
         margin-top: .4rem;
     }
     .swiper-button-next,
     .swiper-button-prev{
         display: none;
     }
     .swiper-button-next2,
     .swiper-button-prev2{
         display: block;
     }
     .pagination1 span{
          padding: 0px 7px;  
     }
     .pagination1{
         bottom: 10px !important
     }
     .web-dw{
         position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
     }
     header{
         height: 1rem;
         line-height: 1rem;
     }
   .index-banner{
       margin-top:2rem;
   }
    .web-header{
        display: flex;
        justify-content: space-around;
        font-size: .24rem
    }
	.web-header p{
		font-size: 0.35rem
	}
    .logo{
        width: 5.7333rem;
    }
    .nav{
        height: auto;
    }

    /* 导航 css  */
    .wrap a {
    display: block;
    float: right;
    
}
     #navToggle span {
        position: relative;
        width: 25px;
        height: 1px;
        margin-top: 19px;
    }

    #navToggle span:before,
    #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 1px;
        left: 0;
    }

    #navToggle span,
    #navToggle span:before,
    #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #000;
    }

    #navToggle span:before {
        top: 8px;
    }

    #navToggle span:after {
        bottom: -15px;
    }

    #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }

    #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    #navToggle.open span {
        background: none;
    }

    #navToggle.open span:before,
    #navToggle.open span:after {
        background: #4f4f4f;
    }
        .m_nav {
        position: fixed;
        top: 0px;
        box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
        width: 100%;
        height: 100%;
        background: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        z-index: 1000;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        overflow-y: auto;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        top: 0;
        transform: translateX(100%);
    }
    .m_nav.open {
        transform: translateX(0);
    }
    .m_nav .top {
        height: 60px;
        padding: 20px;
        box-sizing: border-box;
    }

     .clearfix .closed {
        
        float: right;
       
    }
     .clearfix .web-logo {
         float: left;
         max-width: 35%;
     }
    .m_nav .ul {
       
        padding: 0;
    }

    .m_nav .ul li {
        padding: 0 20px;
        border-bottom: 1px dashed #efecec;
        transform: translateY(0);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        opacity: 0;
    }
     .m_nav .ul li dl{
         margin-left: .6rem;

     }
     .m_nav .ul li dl dt{
         border-bottom: solid .0133rem #eeeeee;
         display: flex;
        justify-content: space-between;
        align-items: center;
        height: 0.9rem;
    line-height: 0.9rem;
     }
     .m_nav .ul li dl dt::before{
         content: "";
         display: inline-block;
         width: .0667rem;
         height: .0667rem;
         border: solid .0133rem #000;
         border-radius: 100%;
     }
    .m_nav.open .ul li {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        
    }

    .m_nav .ul li:nth-child(1) {
        -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(2) {
        -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(3) {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(4) {
        -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(5) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }

    .m_nav .ul li:nth-child(6) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(7) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(8) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li a {
        display: block;
        text-decoration: none;
        color: #333;
        font-size: .4033rem;
        height: .6667rem;
        line-height: .6667rem;
        width: 95%;
    }
     /* 导航 end   */
    .gong-h3 h3{
        font-size: .4rem;
    }
    .gong-h3 span{
        font-size: .2433rem
    }
    .about-le h4{
        font-size: .3733rem;
        padding: .2667rem 0;
    }
    .about-le p{
        font-size: .24rem;
        line-height: .64rem;
    }
    .index-about{
        margin-top: 0;
    }
    .gong-h3 .div-botder{
        height: .1333rem;
        margin-top: .1333rem
    }
    .about-le>span{
        font-size: .3rem;
        
        margin: 0;
    }
    .about-le a{
        font-size: .24rem;
        padding: .1067rem .5667rem;
    }
    .about-ri{
       margin-top: 0.55rem;
    }
     .about-ri .swiper2 img{
         height: auto;
         width: 100%;
     }
     .pagination2{
         left: 0 !important;
         bottom: .35rem !important;
     }
     .idnex-course ul{
         flex-wrap: wrap;
     }
     .idnex-course ul li{
         width: 25%;
         margin-top: 0.5rem;
     }
     .idnex-course ul li a p{
         color: #00dafd;
         font-size: 0.32rem;
     }
     .idnex-course ul li a .course-bg-hover{
         display: block;
         background-size: 2.4rem 2.4rem;
     }
     .idnex-course{
         padding: 0;
         padding-bottom: 0.5rem;
     }
     .index-process ul li .lcty{
         width: 100%;
         height: auto;
     }
     .idnex-course ul li img{
         margin-top: 0.4rem;
     }
     .index-programme-ri,
     .index-programme-le{
         top: 50%;
         transform: translate(0%, -50%);
     }
     .idnex-course ul li .cour-div{
         background-size: 2.4rem 2.4rem;
         height: 2rem;
     }
     
     .idnex-course ul li .cour-div h3{
         font-size: .2667rem;
     }
     .idnex-course ul li a .course-bg-hover{
         height: 2rem;
         font-size: 0.3rem;
     }
     .idnex-course ul li a .course-bg-hover h3{
         font-size: .2667rem;
     }
     .tab-por-le{
         display: initial;
     }
     .tab{
         display: flex;
         justify-content: space-between;
         flex-wrap: nowrap;
        overflow-x: auto;
        align-items: center;
        overflow-y: hidden;
        white-space: nowrap;
     }
     .tab-por-le ul{
         margin-top: .4rem;
         display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        overflow-x: auto;
        align-items: center;
        overflow-y: hidden;
        white-space: nowrap;
     }
     .tab-por-le ul li{
         margin: 0;
         font-size: .3467rem;
         padding: 0 0.2rem;

     }
     .por-fl dl dt a{
         font-size: .3467rem;
     }
   .show-fl-ri{
    width: auto;
    float: none
}

       .tab-por-le .tab a{ display: none;}
      
     .products{
         margin-top: .4rem;
     }
     .main-body{
        margin: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: .4rem;
     }
     .main-body li{
         width: 48%;
         margin-right: 0; font-size: .24rem;
     }
     .main-body li img{
         width: 100%;
         height: auto;
     }
     .main-body li p{
         margin: 0;
         height: .4667rem;
         line-height: .4667rem;
         font-size: .24rem;
         padding: .1333rem 0;
     }
     .main-body li p a{
         font-size: .24rem;
     }
     .ame-le h3,
     .ame-le2 h3{
         font-size: .4rem
     }
     .index-programme-le{
         left: .1333rem;
     }
     .index-programme-ri{
         right: .1333rem;
     }
     .tab-case-le li{
         width: 33%;
         
         text-align: center;
     }
     .tab-por-le .case-tab a{
         display: none;
     }
     .case-p .case-p-r h3,
     .case-p p{
         display: none;
         
     }
     .case-p{
         margin: 0;
     }
     .case-p .case-p-l{
         float: none;
         text-align: center;
     }
     .case-p .case-p-l h3{
          font-size:.24rem;
          padding: 0.1333rem 0;
     }
     .web-por-mor{
         text-align: center;
        background-color: #02dbfe;
        color: #fff;
        width: 22%;
        height: .8rem;
        line-height: .8rem;
        margin: 0 auto;
        font-size: .3733rem;
        margin-top: .1333rem;
     }
     .web-por-mor a{
         color: #fff;
     }
     .process-h3 h3{
         font-size: .4rem;
     }
     .process-h3-r{
         font-size: .1867rem;
     }
     .index-process ul li{
         width: 30%;
         margin: 0;
     }
     .index-process ul{
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
     }
     .index-process ul li img{
         width: 100%;
         height: auto;
     }
     .index-process ul li p{
         margin-top: 0;
         padding: 0.1333rem 0;
         font-size: .24rem;
     }
     .idnex-workshop ul{
        display: none;
     }
     .index-process-max{
         padding: .5333rem 0;
     }
     .idnex-workshop dl{
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
         margin-top: 0.4rem;
     }
     .idnex-workshop dl dt{
         width: 48%;
     }
     .idnex-workshop dl dt img{
         width: 100%;
         height: auto;
     }
     .index-news{
         padding: 0;
         padding: 0.5rem 0 1.9rem 0;
         width: 100%;
     }
     .index-news-ri{
         float: none;
     }
     .index-news-le{
         float: none;
         width: 96%;
         margin: 0;
         position: relative;
         margin: 0 auto;
     }

     .news-slide-top h3{
         padding: 0 0 .4rem 0;
         font-size: .34rem;
         overflow:hidden; 
            text-overflow:ellipsis; 
            white-space:nowrap; 
            font-weight: normal;
            font-weight: bold;


     }
     .news-slide-top p{
         font-size: .1867rem
     }
     .news-slide-top, .news-slide-boot{
         padding: .32rem;
     }
     .news-tab li{
         width: 47%;
         padding: 0;
         height: 0.8rem;
         line-height: 0.8rem;
         font-size: .2667rem;
     }
     .news-tab li::before{
         margin-left: .1333rem;
     }
     .news-more{
         position: absolute;
         top: 0;
         right: 0;
         width: 1.9333rem;
         height: .6rem;
         line-height: .6rem;
         padding: 0;
         font-size: .24rem;
     }
     
     .news-tab{
       
         margin: 0;
         display: flex;
         justify-content: space-between;
         margin: 0 auto;
         width: 94;
           margin-top: 0.4rem;
           margin-bottom: 0.4rem;
     }
    
   
     .products .main3{
         width: 100%;
         margin-left: 0;
     }
     .index-news-ri{
        
         width: 96%;
        margin: 0 auto;
     }
     .news-slide>img{
         width: 100%;
         height: 4rem;
     }
     .pagination4,
     .pagination3{
         bottom: -0.8rem
     }
     .partner .swiper-slide img{
         width: 100%;
         height: auto;
     }
     .partner-title h3{
         font-size: .48rem
     }
     .web-footer{
         background-color: #161616;
         padding: .5rem 0;
     }
     .footul-max{
         border-bottom: solid .0133rem #fff;
         padding-bottom: 0.34rem;
     }  
     .web-footer ul{
         width: 80%;
         margin: 0 auto;
         display: flex;
         justify-content: space-between;
         font-size: .24rem;
         padding: .1333rem 0;
        
     }

      .web-footer ul li a{
          font-size: .44rem;
          color: #fff;
      }
      .foot-text p{
          font-size: .2133rem;
          color: #fff;
          text-align: center;
          padding: .2rem 0;
      }
       .foot-tel{
           padding: .2667rem 0;
       }
      .foot-tel h3{
          color: #fff;
          font-size: .5067rem;
          text-align: center;
      }
      .foot-tel img{
          display: block;
          margin-left: auto;
          margin-right: auto;
      }
      .web-banner{
          margin-top: 2rem;
      }
      .web-banner img{
          max-width: 100%;
      }
      .pagination{
        margin: .3333rem 0;
    }
    .pagination li{
        padding: .1067rem .25rem;
        font-size: .24rem;
    }

      /* 内页   */

      
      .page-ficationmax{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          
      }
     
      .page-ficationmax li{
          width: 32%;
          height: .6667rem;
          line-height: .6667rem;
          
           font-size: .32rem;
           margin-bottom: 0.2rem;
           background-color: #eeeeee;

      }
       .page-ficationmax2 li{
          width: 24%;
      }
      .page-fication{
          background: none;
      }
      .page-ficationmax li::after{
          content: "";
          padding:0
      }
      .page-ficationmax li a{
          font-size: .32rem;
          display: block;
      }
      .about-body img{
          max-width: 100%;
      }
      .page-ficationmax .on a{
          border: none;
          background-color: #02dbfe;
          color: #fff;
          padding: 0;
      }

      .page-wushi{
          width: 42%;
      }
      .page-wushi li{
          width: auto;
      }
      .page-wushi li a{
          padding: 0 0.3rem;
      }
      .page-wushi .on a{
            padding: 0 0.3rem;
      }
      .case {
          margin-right: 0;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          font-size: .1867rem;
      }
      .case li{
          width: 48%;
          padding: 1%;
          border:none;
          margin-right: 0;
          margin-bottom: 0;
      }
       .case li p:nth-child(3),
       .case li p:nth-child(4),
       .case li p:nth-child(5),
       .case li p:nth-child(6){
           display: none;
       }
       .case li a{
           margin-top: 0;
           margin-bottom: 0
       }
      .case li img{
          width: 100%;
          /* height: auto; */
          height: 3.6rem;
      }
      .case li p{
          font-size: .1867rem;
      }
      .web-page-title{
          font-size: .3733rem;
          padding: .2rem 0;
          border-bottom: solid 1px #eae5e5;

      }
      .web-page-title p{
          display: flex;
          align-items: center;
      }
      .web-page-title p a{
          color: #000;
      }
      .web-page-title p::before{
          content: "";
          display: inline-block;
          width: .1667rem;
          height: .3867rem;
          background-color: #02dbfe;
          margin-right: .1333rem;
          
      }
      .about-body p{
          font-size: .1867rem;
      }
      .hourlist{
          margin-right: 0;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }
      .hourlist li{
          width: 48%;
          margin-right: 0;

      }
      .hourlist li img{
          width: 100%;
          height: auto;
      }
      .hourlist li p{
          margin: .2rem 0;
          background-size: 100% 100%;
      }
      .hourlist li p a{
           font-size: .24rem;
        
      }
      .news-list ul li{
          width: 100%;
          padding: 0;
          padding: 0.3rem 0;
      }
      .news-list ul li>a{
          display: flex;
          justify-content: space-between;
      }
      .news-list ul li .news-list-le h3{
          font-size: .38rem;
          overflow: hidden;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 0.2rem;
      }
      .news-list ul li .news-list-le span{
          padding: .0667rem 0.6rem;
          background-size: 0.4rem 0.4rem;
          font-size: 0.24rem;
      }
      
      .news-list ul li .news-list-le{
          width: 100%;
          font-size: 0.46rem;
      }
      .news-list ul li .news-list-ri{
          width: 45%;
          display: none;
      }
      .news-list ul li .news-list-ri img{
          width: 100%;
          height: auto;
          margin-top: .2rem;
      }
      .news-list ul li .news-list-le b{
          margin-top: 0.2rem;
      }
      .news-list ul li .news-list-le p{
          font-size: .24rem
      }
      .news-list ul li .news-list-le b a{
          font-size: .1867rem;
      }
      .page-ficationmax a:hover{
          border: none;
      }
      .show-body img{
          max-width: 100%;
      }
      .por-le{
          display: none;
      }
      .por-ri{
          width: 100%;
      }
      .page-ficationmax h3{
          font-size: .24rem;
      }
      .page-por-fl{
            margin-right: 0 !important;
            flex-wrap: nowrap;
            overflow-x: auto;
            align-items: center;
            overflow-y: hidden;
            white-space: nowrap;
      }
      /* .page-por-fl::-webkit-scrollbar{
          background-color: #ffffff;
          height: .1333rem;
      } */
       .page-por-fl li{
            background: none;
            margin: 0 .2667rem;
            padding: 0.3rem 0;
      }
      .page-por-fl .on a{
        background: none;
        color: #000;
        color: #00dafd;
        border-bottom: solid 1px #00dafd;
      }
      .tow-fl{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: .3333rem;
      }
      .tow-fl dt{
          width: 24%;
          font-size: .32rem;
         height: 0.6667rem;
        line-height: .6667rem;
        font-size: .32rem;
        margin-bottom: 0.2rem;
        background-color: #eeeeee;
        text-align: center;
      }
      .tow-fl .on{
          background-color: #02dbfe;
          
      }
       .tow-fl .on a{
color: #fff;
       }
      .tow-fl dt a{
          color: #000;
      }
      /* .por-ri>ul>li{
          width: 50%;
      } */
      .por-ls{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-right: 0 !important;
      }
       .por-ls li{
           width: 48% !important;
           margin-right: 0 !important;
           margin-bottom: .2667rem;
           margin-top: 0 !important;
       }
       .por-ls li img{
          width: 100% !important;
          height: auto !important;
      }
      .por-tab{
          display: flex;
          align-items: center;
      }
      .por-tab h3{
         font-size: .32rem;
         width: 40%;
      }
      .por-ri{
          margin-top: 0;
      }
      .page-fication2{
         padding: 0;
      }
       .team{
           margin-right:0;
           display: flex;
           justify-content: space-between;
           flex-wrap: wrap;
       }
      .team li{
          width: 48%;
          margin: 0 0 .3333rem 0;
      }
      .team li img{
          width: 100%;
          height: auto;
      }
      .team li .team-li-div{
          padding: .233rem 0.1rem;
      }
      .team li .team-li-div h3{
          font-size: .3733rem;
          margin-bottom:0
      }
      .team li .team-li-div p{
          font-size: 14px;
      }
      .main-body li .divtram{
          width: auto;
          height: auto;
      }
      .swiper-button-next, .swiper-button-prev{
          height: 30px;
      }
      .hourlist li a,
      .case li a,
      .por-ri ul li .divtram{
          width: auto;
          height: auto;
      }
      .gong-h3{
          margin: .4rem 0;
      }
      .show-fl{

      }
      .show-fl dl{
          display: flex;
          
          font-size: .32rem;
          flex-wrap: wrap;
      }
      .show-fl dl dt{
              margin: 0.2rem;
    width: 20%;
    text-align: center;
      }

      .show-fl dl a{
          color: #000;
      }
      .por-le{
          margin-top: 0;
      }
}


@media only screen and (min-width: 1000px){
   
    .idnex-workshop dl,
    .web-por-mor,
    .m_nav,
    .web-banner,
    .web-page-title,
    .tow-fl,
    .web-footer,
    .gong-h3-2,
	.web-header,
    .show-fl
  
    
    {
        display: none;
    }
}