@media(max-width: 1920px){
    	.ny_banner{
        	height:300px;
    	}
      .container, .container-lg, .container-md, .container-sm, .container-xl{
          max-width: 1300px
      }
      .honor-list .honor-box{
         height: 340px;
      }
      .about-title{
         font-size: 34px;
      }
      .index-news-list .pics{
         height: 180px;
      }

    .time-line-box ul li {
  
      width: 400px; 
    }

     .navbar-expand-lg .navbar-nav .nav-link{
       font-size: 16px; 
    }


    .banner-txt{
       margin-top: -95px;
    }
    .banner-txt .title{
        font-size: 80px;
    }

    .banner-txt .subtitle{
       font-size: 60px;
    }
    .product-left-img{
           height: 600px;
        }
    

}

@media screen and (max-width:1680px) {
    .nybanner{
   margin-top:100px;
    }
    .product-left-img{
       height: 620px;
    }
    .p-list-ico {
    max-height: 200px;
    max-width: 200px;
    }
    

 } 


@media screen and (max-width:1560px) {
    .storylist .story_list .years .img {
    margin-top:2.20vw;
    }

    
    .index-news-list .pics{
       height: 200px;
    }
}

@media screen and (max-width:1480px) {
    
  
    .container-fluid{
       width: 100%;  
    }

    .honor-list {
    width:25%;
    padding: 0 15px;
   }

   .fengcai-list .fengcai-box{
      height: 250px;
   }

   .container, .container-lg, .container-md, .container-sm, .container-xl{
     max-width: 1200px;
   }
   
  
  

}


 @media screen and (max-width:1300px) {
     .navbar-expand-lg .navbar-nav .nav-link{
       font-size: 16px;
       margin-left: 1.5rem;
       margin-right: 1.5rem;
    }


    .product-right-txt{
      width:100%;
      padding: 15px;
  }
   .product-left-txt{
      padding-right: 50px;
   }

   
 }
 @media screen and (max-width:1200px) {
   
    .bg-nav{       
       border-radius: 0;
    }
    .top-head{
       position: fixed;
       top:0;
       left:0;
       z-index: 99999999;
    }
    .navbar {
        margin-top: 34px;
    }

    
    
  .menu-2-box-fiexd{
      top:130px;
  }  

 }

@media screen and (max-width:1024px) {
      .storylist .tit .cn {
      line-height:36px;
    }
    .storylist .tit .solid {
      margin:6px auto;
    }
    .w1420 {
      width:94%;
    }
    .storylist .tit .en {
      margin-bottom:25px;
      line-height:30px;
    }
    .storylist .story_list {
      padding:0px 0;
    }
    .storylist .story_list .years {
      width:0;
      height:0;
    }
    .storylist .story_list .txt {
      width:100%;
      margin:0 auto;
      padding:0 3% 20px 3%;
      height:auto;
    }
    .storylist .story_list .txt .swiper-slide {
      padding:60px 0 30px 0;
    }
    .storylist .story_list .txt .swiper-slide .p {
      font-size:13px;
      max-width:96%;
      line-height:22px;
    }
    .storylist .story_list .btn_box .btn {
      width:30px;
      height:30px;
    }
    .storylist .story_list .btn_box .btn span:nth-child(1):after,.storylist .story_list .btn_box .btn span:nth-child(2):after {
      width:30px;
      height:30px;
    }

    .honor-list {
    width:33.33%;
    padding: 0 15px;
   }

   .serverlist .serverlist-box .name{
     font-size: 30px;
   }

   
    .top-phone-pc{
      display: none;
   }



}


@media screen and (max-width:992px){
  .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{
     padding-right: 10px;
     padding-left: 10px;
  }
   .top-height{
     height: 88px;
   }
   .head-height{
      height: 94px;
   }
   .top-head{
      position: fixed;
      z-index: 9999;
      top:0;
      left:0;
   }
   .navbar{
          margin-top:34px;
   }
   .bg-nav{
     border-radius: 0;
   }

   .navbar-toggler{
      position: fixed;
      z-index: 999999999999999;
      right:20px;
      top:50px;
   }


    .bg-nav-white .navbar-toggler-icon{
        background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }
   .bg-nav-white .navbar-toggler-icon.open {
      background-image: url('../images/close.png'); 
    }

    .navbar-nav{
       display: none;
    }
    .nav-link {
    padding: 1rem 1rem;
    font-size: 16px;
   }
   .navbar-brand{
     margin-left: 15px;
   }
   .logo-sm-height{
     width:131px;
     height: 40px; 
     margin:10px 0px 10px 0px;
   }
   .dropdown-item{
     padding:5px 0;
   }
   .sonsort .son-list a{
      margin:0 5px;
      font-size: 16px;
      padding:15px 0;
   }
   .about-container{
    padding-top:40px;
    padding-bottom:40px;
    }

    .container-fluid{      
       display: block!important; 
    }
    .wap-navtop{
     display: block;
     background: #f3f5f9;
     width: 70%!important;
      position: fixed;
      z-index: 9999999999999;
      top:0;
      height: 100vh;
      left:-70%;
      transition:all 0.6s ease-in-out;
    }
   
   #pc-banner{
      margin-top: 94px;
   }

    .show .wap-navtop{
         left:0;
    }


    .navbar-toggler{
       float: right;
       margin-top: 5px;
    }

    .why-list{ 
       width: 100%
    }
    .top-head{
       overflow-y: hidden;
    }

    .cluter-box{ 
       padding:30px 50px;
       
      }
      .list-newslist .ico{
         height: 200px;
      }

      .nav-height{
         height: 60px;
      }

      .nybanner{
         margin-top: 80px; 
         background: #f3f5f9;
      }


      .zheren-txt-top{
         position: relative;
      }


    .index-banner{
         margin-top: 60px;
    }

    .banner-txt{
       margin-top:-40px;
       padding-left: 50px;
    }
    .banner-txt .title{
        font-size: 36px;
    }

    .banner-txt .subtitle{
        font-size: 30px;
    }

    .say-nav {
      width: 33.33%
    }
    
    .product-left-txt{
       padding:15px;
    }
    .product-left-txt .box{
       width: 100%; 
       padding:15px;
       max-width: 100%;
    }
    .product-left-img{
       height: 500px
    }
    .product-left-txt .maintitle,
    .product-left-txt .subtitle{
       margin-bottom: 10px!important;
    }

    .left-nav { 
    padding: 0 10px;
    }
    .tags-list { 
    background: #f3f5f9; 
  }

}


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

      html,body{
         width:100%;
         overflow-x: hidden;
      }
      .col-md-20-50{
            -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%; 
      }

        img{
           max-width: 100%!important;
        }
        .pc-banner-height{
           height: 40vh;
        }
        .top-search:hover input{
           width:150px;

        }
        .left-box{
           width:100%; 
           margin-right: 0;
        }
        .right-box{
           width:100%;
           
        }
 
        

           
        .why{
             padding:50px 0 30px 0;
             height:auto;
             margin-bottom: 0;
        }

        .news-pages{
           padding:30px 15px;
        }

        .honor-list {
        width:50%;
        padding: 0 15px;
       }

        .form-group{
          width: 100%;
          margin-right: 0;
        }

        .fengcai-list .fengcai-box{
            height: 150px
        }

        .nav-tabs .nav-link-tab{
           margin-bottom: 20px;
        }
     
        .about-right-box{
           padding:0;
           margin:0 -10px;
        }

        .index-case-swiper .case-wrapper .case-slide .row .col-left{
               flex: 0 0 100%;
               margin-right: 0;
               margin-bottom: 30px;
        }

        .index-case-next,
        .index-case-prev{
           display: none;
        }

        .index-case-swiper{
           padding-bottom: 50px;
        }


        .more-btn-w,
        .more{ 
           min-width: 120px;
           height:34px;
           line-height: 34px;
        }

        .about-title{
           font-size: 30px;
        }

        .storylist .story_list .txt .b_num{
           font-size: 100px;
        }

        .card-header{
           padding:0.75rem 15px;
        }
        .card-body{
           padding:1.25rem 15px;
        }
        .ask-end:after, .ask-end:before{
            left:10%;
        }

        .ny_banner{
           height: 200px;
        }

        .cluter-box{
           padding:40px 20px 20px 20px;
        }

        .nav-tabs .nav-link-tab{
               margin: 0 3px;
               font-size:14px;
        }

        #nav-tabContent{
       margin-top:  0px;
      }
      .nav-tabs-box{
        margin-top: 30px;
      }
       .py-8{
          padding-top: 40px!important;
          padding-bottom: 40px!important;
       }
      

      .aboutT1{
         font-size: 40px;
      }

      .aboutT2{
         font-size: 20px;
      }

      .foot-tel .icons{
         text-align: left;
      }

      .foot-menu{
         width: 25%;
         float: left;
      }

      .newslist-img{
         height: auto;
      }

      .contact-box{
         padding:20px 10px;
      }

      .contact-left-box .name{
         font-size: 30px;
      }

      .foot-contact{
         padding-bottom: 0;
      }

      .index-pro-title-box{
          padding:10px 5px;
      }
      .index-pro-title-box .title{
         line-height: 20px;
         
      }
      .index-pro-title-box2{
         position: relative;
         background: #fff;
      }
      
      td{
          min-width: 100px;
          max-width: 240px;
          height: auto;
      word-wrap: break-word;
      }

      .foot-tel{
         padding:30px 0;
      }

      .pro-desc .descc{
        padding-top: 0px;
    }

    .index-leibei .ico img{
        width:60px;
        height:60px;
    }
    .why-list{
        height: 180px;
        padding-top: 30px;
    }
    .why-list img{
         width:60px;
        height: 60px;
    }

    .gd-numlist img{
            width: 60px;
    }

    .num-list .fs-sm-48{
       font-size: 30px;
    }

    .pro-desc{
       padding:20px;
    }

      .yuding-box{
           width: 90%;
           left: 5%;
           margin-left:0;
      }

   .about-honor-box{
      padding:20px 0;
   }
    .about-002{
   background: #f3f5f9;  
   height: auto;

  }
    
    .about-003{
   background: #f3f5f9;  
   height: auto;
   padding: 30px 0;

  }
  
  .about-honor{
     padding:15px;
     border:1px solid #ddd;
     box-shadow: 2px 2px 5px #ddd;
  }



  
  .color333-wap{
     color:#333!important;
  }
  
      .about04{
       padding:40px 0;
    }

    .about-honor-box .col-3{
        padding:0;
    }

    .iso .title{
       font-size: 14px;
       margin-top: 10px;
    }

    .num-pic{
       border-radius: 20px;
    }
    .timenum{
       font-size: 40px;
    }

    .contact-map{
       height: 500px;
    }


    .about-box{
       border-radius: 15px;
    }

    .serverlist .serverlist-box{
       width: 80%;
        border-radius: 0
    }
    .serverlist .serverlist-box .name{
       width: 68%;
       margin-left: 0;
       left: 16%;
       border-radius: 0;
       font-size: 24px;
    }

    .clutre-list .content-box .ico img{
       max-width: 100px!important;
    }

 

    .honorpic .swiper-slide{
       width: 280px;
       height: 240px;
    }

    .honorpic .swiper-slide p{
       font-size: 12px;
       line-height: 24px;
       padding-top: 10px;
       padding-left: 25px;
       padding-right: 25px;
    }
    .honorpic2 .swiper-slide{
       width: 250px;
       height: 400px;
    }

    .honorpic3 .swiper-slide{
       width: 250px;
       height:250px;
    }

    .honorpic .swiper-pagination-bullets .swiper-pagination-bullet{
        width:8px;
        height: 8px;
        border-radius: 50%;
    }

    .xiayuan-01{
       padding:0;
    }
    .xy01-left-box,
    .xy01-right-box{
       height: 250px;
       position: relative;
       top:15px; 
       width:100%;
    }

        .nybanner {
           margin-top:92px;
        }

     

    .content-box-index{
       height: 150px!important;
    }
    .content-box-index .title{
       font-size: 20px;
       padding:30px 15px;
    }


    .zr-txt {
       padding-right: 0;
    }


    .shuiji{
       height: 200px;
    }

    .mt-wap-5{
       margin-top: 40px;
    }

     .menu-2-box-fiexd{
          top:110px;
      }  


    .foot-logo{
        max-height: 40px;
    }

    .job-nav{
        width: 100px;
        height: 86px; 
        margin:0 10px;
    }

    .say-box{
         padding:10px;
      }
    .say-img img{
       width:50px;
       height: 50px;
    }  

    .index-news-list .pics{
       height: 150px
    }

    .category-list{
       padding:15px 5px;
    }
    .category-list img{
       width:50px;
    }

    .index-about { 
        padding:50px 0 0 0;
    }




   
    .index-news{
       padding-bottom: 40px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
       bottom: 0
    }





    .Art-video{
       width:100%;
       height: auto;
       margin-bottom:15px;
    }


    .deng img{
        top:-500px;
        right:50px;
        width: 100px;
    }


    .teidians{
        width:100px;
        height: 100px;
            margin-left: -50px;
    }
    .teidian{
       height: 100px;
    }

    .iso{ 
      width: 100px;
      height: 100px;
    }

    .yuan { 
      width: 50px;
      height: 50px; 
    }
 
  @keyframes ripple {
      0% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 0;
      }
      10% {
          opacity: 0.6;
      }
      100% {
          transform: translate(-50%, -50%) scale(3);
          opacity: 0;
      }
  }


    .why-box{
       height: auto;
    }



    .product-info-bigtitle .t1 {
        padding:6px 10px 4px 10px;
        font-size: 12px;
    }



    .leftmenus .onemenu .leftmenus-link{
        font-size: 14px;
    }

    .leftmenus .twomenu a{
          font-size: 12px;
          padding-left: 5px;
    }


    /****----热点 ---------**/


    .rd-box-list{
        width:30px;
        height:30px; 
    }

      
    .rd-box-list  .zhongxing-box{     
         width: 10px;
         height:10px;
         margin-left: -5px;
         margin-top: -5px;
      }
    .rd-box-list  .rd-box-list-one  .yuan {
        top: 0px;
        left: 15px;
        width: 30px;
        height: 30px; 
      }



    #rd-box-list-1{
        top: 38%;
        left: 0%;
    }

    #rd-box-list-2{
        top: 75%;
        left: 22%;
    }

    #rd-box-list-3{
        top: 42%;
        left: 15%;
    }

    #rd-box-list-4{
        top: 36%;
        left:12%;
    }

    #rd-box-list-5{
        top: 24%;
        left: 19%;
    }

    #rd-box-list-6{
        top: 52%;
        left: 27%;
    }


    #rd-box-list-7{
         top: 33%;
        left: 30%;
    }
    #rd-box-list-8{
        top: 35%;
        left: 50%;
    }

    #rd-box-list-9{
        top: 59%;
        left: 50%;
    }

    #rd-box-list-10{
        top: 38%;
        left: 70%;
    }

    #rd-box-list-11{
        top: 40%;
        left: 92%;
    }


    .col-md-300,
    .col-md-300-last{
           -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


    .index-services .index-services-box{
        padding:20px 10px;
    }
    .index-services .index-services-box .index-services-box-content{
       display: block;
       width: 100%
    }
    .index-services .index-services-box .index-services-box-content .ico{
       display: flex;
       width: 100%;
       justify-content: center;
    }
    .index-services .index-services-box .index-services-box-content .ico img{
        width:50px!important;
        height: 50px!important;
    } 
    .index-services .index-services-box .index-services-box-content .ico .title{
       margin-top: 1rem!important;
       margin-bottom:0;
       margin-left: 1.5rem!important
    }
    .index-services .index-services-box .index-services-box-content .desc{
        width:100%; 
    }


    .index-services .index-services-box-flex .index-services-box-content{
       display: flex;
    }
    .index-services .index-services-box-flex .index-services-box-content .ico{
       display: block;
       width: 100px;
       text-align: center;
    }

    .index-services .index-services-box-flex .index-services-box-content .ico img{
       width:50px;
       margin-bottom: 10px!important;
    }

    .index-services .index-services-box-flex .index-services-box-content .desc{
       width: calc(100% - 110px);
       margin-left: 10px;
       text-align: left;
    }
    .index-services .index-services-box-flex .index-services-box-content .ico .title{
        margin-left: 0!important;
        text-align: center;
    }
    .index-ys .ico img{
       width: 50px;
       height: 50px;
    }


    .hover-container{ 
       height: auto;
      display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; 

    }

    .hover-container .hover-item{
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
       height:auto; 
       background: none!important;
    }
    .hover-item .inner-content{
       padding:10px 10px 5px 10px;
    }
   .hover-item .inner-content h3{
           color:#333;
        }
   .hover-container:hover .hover-item {
        flex: 0 0 calc(50% - 10px) !important;
    }
 
    .hover-item:hover {
        flex: none !important;
        background-color: #ddd !important;
        color: inherit !important;
    }

    .hover-item:hover .inner-content {
        transform: none !important;
    }

    .product-left-img{
       height: 250px
    }

 

    .p-list-ico{
       max-height:200px!important;
       max-width:200px!important;
    }

    .productlist-box .txt .title{
         margin-bottom:4px;
         padding-top: 8px;
    }
    .productlist-box .txt .subtitle{
        line-height: 20px;
    }

    .product-list-jiange{
       padding-right: 5px;
        padding-left: 5px;
    }
     
    .index-prodcut-bg .desc{
      width: 100%;
      text-align: left;

    }


    .index-product-img-box{
       margin-top: 100%;
    }


    .Recommend-list .ico{
       height: 100px;
    }
    .Recommend-list .text{
       border-top: 1px solid #ddd;
       padding:10px 5px;
    }
    .Recommend-list .text .title{
       height:auto;
    }
    
    .foot-message .form-group{
       width:100%;
       margin-right: 0;
    }
    
    .footer{
       padding: 0 5px;
    }


    .product-left-txt:hover {
    background: rgba(0, 0, 0,0);
    cursor: pointer;
    }

    .product-left-txt:hover .maintitle{
         color:var(--colorblue); 
    }
    .product-left-txt:hover .subtitle{
        color:var(--colorgreen);
    }


    .story-list{
       display: block;
       padding:30px 15px;
      
    }

    .story-list-box{
        color:#fff;
    }
    
    .story-list-box .desc{    
       line-height: 24px;  
    }

    .story-list-box .desc p{
       position: relative;
       padding-left: 15px;
       margin-bottom: 10px;
    }

    .story-list-box .desc p:before{
        content: '';
        position: absolute;
        left:0;
        top:8px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--colorgreen);
        z-index: 9;

    }
    
    
      .card-list-down{
        width:140px; 
     }   
    .download-card { 
      width:140px;
      height: 140px; 
    }

    .qr-overlay img {
      width: 110px;
      height: 110px;
      margin-bottom: 10px;
    }
    
    
    .Applist .app-box .app-box-content{
         width:90%;
         margin-left:5%;
         padding:30px 20px;
    }
    .Applist .app-box .app-box-content2{
        margin-left:5%;
    }
    .Applist .app-box .app-box-content .title{
     font-size: 1.8rem;
    }
    
    .Applist .app-box{
         display: block;
         padding-top:15%;
    }
    .Applist .app-box .app-box-content::before{
        background: rgba(255, 255, 255, 0.8); 
    }
   
   td { 
    font-size: 14px; 
    }
   
   .features-box{
        padding:1rem 10px;
   }
   .artlist .onover{
        font-size: 14px;
   }
   
   
    .ask-list-index-title{
       padding:10px 15px;
    }

   .ask-list-index-title:hover{    
          background:#fff;
     }
     .ask-list-ICO{
  background:#fff; 
    
    }
    .ask-list-ICO:hover{
      background:#fff; 
    }
    .ask-index-content{
        padding:20px 15px;
    }
    
    
h2{
    font-size: 1.4rem; 
} 

h3{
    font-size: 1.1rem; 
} 


.customer-msg .form-group,
.customer-msg2 .form-group{
   width:100%;
   margin-right: 0;
   margin-bottom: 15px;
}


}