@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;
  }



 .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;
}


}




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

    .navbar-expand-lg .navbar-nav .nav-link{
       margin-left: 1rem;
       margin-right: 1rem;
    }

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

@media screen and (max-width:1440px) {
    
  
    .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;
   }
   
   .story-list-box .time-line{
      right: -90px;
   }
   .story-list-box:nth-child(2n) .time-line{
      left:-100px;
   }

}

 @media screen and (max-width:1366px) { 
     
     .serverlist .serverlist-box .name{
         left:20%;
     }
 }


 @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: 42px;
    }

       .story-list-box .time-line{
      right: -80px;
   }
   .story-list-box:nth-child(2n) .time-line{
      left:-90px;
   }

   .about-bg{
     background:none; 
     
    }
    
  .menu-2-box-fiexd{
      top:130px;
  }  
  
  .nybanner{
      margin-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;
   }

 


}


@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;
   }
   .top-head{
      position: fixed;
      z-index: 9999;
      top:0;
      left:0;
   }
   .navbar{
          margin-top:42px;
   }
   .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{
     height: 40px;
     margin:20px 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;
    }


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


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

    .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: 110px;
  }


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


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

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

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

 

}


@media screen and (max-width:768px){
        img{
           max-width: 100%!important;
        }
        .left-box{
           width:100%; 
           margin-right: 0;
        }
        .right-box{
           width:100%;
           
        }

        .teidians{
           display: none;
        }

        .story-list-box,
    .story-list-box:nth-child(2n){
        width:90%;  
        margin-left:5%; 
        margin-top:30px;
    }
    .story-list-box .time-line{
       display: none;
    }

           
        .why{
             padding-top: 50px;
             height:500px;
             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: 20px;
      }
      .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;
  }


  .iso{
     width:100%;
     height:auto;
     background: none;
  }

  .iso img{
     width:80px;
     margin:0 auto;
  }
  
  .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;
}

.story-list-box{
   margin-bottom: 15px;
}




.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: 100px;
    }

.nybanner-txt{
   background: none;

}

.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;
}

.col-md-job{
     width:33%;
}
.modal-dialog {
     height: auto;
     overflow: auto;
 
}

}