@media(max-width: 1700px){
    /* .wh{
        width: 80%;
    } */
    .nav-list-box h5{
        font-size: 1rem;
    }
    .ft20{
        font-size: 16px;
    }
    .ft36{
        font-size: 30px;
    }
    .nav-list-box li a{
        font-size: 12px;
    }
    .a-tit h5 , .z-culture-tit h5{
        font-size: 16px;
    }
    .development li h5{
        font-size: 14px;
    }
    .x-menu>li>a{
        font-size: 14px;
    }
}
@media(max-width: 1440px) {
    
    .ft16{
        font-size: 12px;
    }
    .ft40{
        font-size: 24px;
    }
    .ft36{
        font-size: 24px;
    }
    .ft20{
        font-size: 14px;
    }
    .serInput-box .searchBox{
        font-size: 16px;
    }
    .x-banner .banner-item .text p{
        font-size: 30px;
    }
    .foot dl dt{
        font-size: 12px;
    }
    .a-tit h5 , .z-culture-tit h5{
        font-size:20px;
    }
    .development li h5{
        font-size: 16px;
    }
}

@media(max-width: 1366px) {
   
}

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

    .wh{
        width: 90%;
    }
    .tit h5{
        font-size: 20px;
    }
    .business {
        margin-top: 6%;
    }
    .business ul {
        display: flex;
        flex-direction: column;
    }
    .business li{
        width: 100%;
        border: 1px solid #e7e9f3;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 3%;
    }
    .business li .com-img{
        width: 100%;
    }
    .business li .text{
        width: 100%;
        padding: 5%;
        border: 0;
    }
    .business li .text p{

    }
    .box1{
        display: none;
    }
    .link-a{
        text-align:left;
    }
    .link-a a{
        padding: 10px 30px;
  
    }
    .link-b{
        margin-top: 10%;
    }
    .responsibility p{
        max-width: 80%;
        margin: 2% auto;
        line-height: 4vh;
    }
    .patent h5::after , .patent h5::before{
        width: 20%;
    }
    .patent li{
        margin-right: 10px;
    }
    .patent .link-a{
        text-align: center;
    }
    .patent .link-a a{
        padding: 5px 30px;
    }
    .news li .text-box{
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }
    .news li .text-box .date{
        display: flex;
        justify-content: center;
    }
    .news li .text-box .xian{
        display: none;
    }
    .news li .text-box .text{
        position: relative;
    }
    .news li .text-box .text span{
        position: absolute;
        display: none;
    }
    .news li .text-box .text p{
        max-width: 70%;
    }
    .service ul{
        display: flex;
        flex-direction: column;
    }
    .service li{
        width: 100%;
    }
    .service li:nth-child(1){
        width: 100%;
        margin-right: 0%;
    }
    .service li:nth-child(2){
        width: 100%;
    }
    .service .fuwu {
        margin-top: 5%;
    }
    .service .fuwu .com-img{
        width: 100%;
    }
    .foot dl:nth-child(1){
        width: 40%;
    }
    .foot dl:nth-child(2){
        display: none;
    }
    .foot dl:nth-child(3){
        width: 50%;
    }
    .foot dl:nth-child(4){
        display: none;
    }
    .foot dl .f-nav{
        display: flex;
        flex-wrap: wrap;
    }
    .foot dl .f-nav dd{
        width: 50%;
    }
    .copyright {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        border-top: 1px solid rgba(255,255,255,.1);
        padding-top: 5%;
    }
    .copyright ul{
        margin-top: 2%;
    }
   
    .ScreenAbout{
        height: 60vh;
        background-position: center;
        background-attachment: inherit;
    }
    .AboutBcen{
        left: 20%;
        transform: translate(-13%, -50%);
    }
    .AboutBcen p{
        font-size: 16px;
        line-height: inherit;
        letter-spacing: 0;
        max-width: 100%;
        margin: 5% auto;
    }
    .news ul{
        flex-direction: column;
    }
    .news li{
        width: 100%;
    }
    .mob-box .f-logo img{
        width: 30%;
    }
    .foot dl:nth-child(3){
        display: none;
    }
    .f-share li a{
        width: 100%;
    }
    .mob-box .f-share li{
        margin-right: 20px;
    }
    .foot dl dd{
        margin-bottom: 10px;
    }
    .box3{
        background-size: 100% 100%;
        background-attachment: inherit;
    }
    .patent ul{
        flex-wrap: wrap;
    }
    .patent li{
        width: 45%;
        margin-bottom: 5%;
    }
    .z-culture ul{
        padding: 5% 10%;
    }
    .z-culture-box .a-tit{
        width: 100%;
        text-align: center;
    }
    .page-news-box01 .page-news li{
        width: 49%;
    }
    .page-news-box01 .page-news li:nth-child(2n){
        margin-right: 0;
    }
    .page-news-box02 .page-news{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
       
    }
    .page-news-box02 .page-news .hot{
        width: 100%;
    }
    .page-news-box02 .page-news .list{
        width: 100%;
    }
    .page-news-box02 .page-news .hot li .text{
        background-color: #f6f6fc;
         padding: 5%;
        margin-bottom: 5%;
    }
    .page-news-box03 .page-news ul li{
        width: 100%;
        margin-bottom: 5%;
    }
    .page-news-box03 .page-news ul li:nth-child(1n) .com-img{
        float: left;
        width: 100%;
    }
    .page-news-box03 .page-news ul li:nth-child(2n) .com-img{
        float: right;
    }
    .page-position .flex_a{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .page-position .wzx{
        display: none;
    }
    .page-position .left .xypg-left-nav{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }
    .page-position .xypg-left-nav > li{
        margin: 1%;
        /* background: #f6f6fc; */
        padding: 0 2vh;
    }
    .page-position .xypg-left-nav > li > a{
        line-height: 5vh;
    }
    .download li{
        width: 100%;
        margin-right: 0;
    }
    .z-about-box{
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .z-aboutLeft , .z-aboutRight{
        width: 100%;
        margin: 0;
    }
    .z-culture-box{
        display: flex;
        justify-content: space-between;
        align-content: space-between;
        flex-direction: column;
    }
    .z-culture{
        width: 100%;
        height: auto;
        padding: 5% 0;
    }
    .development ul{
        display: flex;
        flex-wrap: wrap;
    }
    .development::after{
        display: none;
    }
    .development li::after{
       display: none;
    }
    .team .swiper-pagination{
        display: none;
    }
    .development li{
        padding: 5%;
        background: rgba(255, 255, 255, 0.7);
        margin: 2%;
        width: 40%;
        border-left: 3px solid #374b9b;
    }
    .development li h5{
        margin-bottom: 10%;
    }
    .Honorary ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .Honorary ul li{
        width: 30%;
        margin-bottom: 2%;
    }
    .z-about-tit{
        display: none;
    }
    .z-aboutLeft .shuzi h5{
        font-size: 2.6rem;
    }
    .z-aboutLeft .text p , 
    .z-aboutRight p , 
    .z-culture-tit p , 
    .z-culture li p , 
    .team .teacher .text p , 
    .a-tit h6 , 
    .development li p , 
    .Honorary ul li p , 
    .subscribe li .text p , 
    .xsjl .words li p , 
    .video li .text p , 
    .wxjd .text ul li p , 
    .zlxz .text li h3 , 
    .cjwt .text h3 , 
    .cjwt .text p , 
    .page-news-box03 .page-news ul li .text h5 , 
    .page-news-box03 .page-news ul li .text span , 
    .page-news-box02 .page-news .list li .text span , 
    .page-news-box02 .page-news .list li .text h5 , 
    .page-news-box01 .page-news li .text h5 , 
    .page-news-box01 .page-news li .text span{
        font-size: 14px;
    }
    .z-aboutLeft .text h6 ,
    .z-culture li h5 , 
    .team .teacher .text h5 , 
    .xsjl .words li h5 , 
    .video li .text h5 , 
    .support-tit h5 , 
    .subscribe li .text h5{
        font-size: 16px;
    }
    .z-culture-tit{
        width: 100%;
    }
    .fst ,.Recruitment{
        display: flex;
        align-items: center;
        flex-direction: column; 
    }
    .businesses .words .com-img , .jsfw .com-img , .zhyxfw .com-img{
        display: none;
    }
    .businesses .words .text , .jsfw .text , .zhyxfw .text , .wxjd .text ul , .wxjd .text .com-img{
        width: 100%;
        margin-left: 0;
    }
    .Customer-support , .course li .words , .Recruitment-contact ul , .wxjd .text , .xsjl .words , .subscribe ul , .video ul , .wxjd .text ul li a , .contact{
        display: flex;
        flex-direction: column;
    }
    .cjwt , 
    .zlxz , 
    .wxjd .text ul , 
    .video li , 
    .subscribe li , 
    .subscribe ul , 
    .xsjl .words ul , 
    .subscribe li .text , 
    .xsjl .words .com-img , 
    .wxjd .text ul li p , 
    .Recruitment .com-img , 
    .Recruitment .text , 
    .Recruitment-contact ul li , 
    .c-box , 
    .course li .words dl{
        width: 100%;
        margin: 0;
    }
    .subscribe ul , .video ul li{
        margin-bottom: 5%;
    }
    .video li:nth-child(2){
        margin-left: 0;
    }
    .subscribe li{
        margin-bottom: 5%;
    }
    .zlxz .text li i{
        font-size: 3rem;
    }
    .Recruitment .text::after{
        background-size: 70%;
        top: 10%;
    }
    .Recruitment-tit h5 , .Recruitment-contact ul li h5{
        font-size: 14px;
    }
    .Recruitment-contact ul li{
        border-top: 1px solid #eee;
        border-right: 0;
    }
    .Recruitment-center-box2 , .about-box2 , .about-box5{
        background-attachment: inherit;
        background-size: 100% 100%;
    }
    .page-banner{
        width: 100%;
        overflow: hidden;
    }
    .page-banner img{
        width: 200%;
        position: relative;
        left: -50%;
    }
    .contact .text h1 , .contact .zx h5{
        font-size: 2rem;
    }
    .contact .text h2{
        font-size: 16px;
    }
    .contact .text h1::after{
        margin: 30% 0;
    }
    .contact .text h3{
        font-size: 3rem;
        padding-left: 16%;
    }
    .contact .text h3 span{
        font-size: 14px;
    }
    .contact .text p , .contact .zx p{
        font-size: 14px;
    }
    .research-team ul{
        display: flex;
        flex-direction: column;
    }
    .research-team li{
        padding: 5%;
        display: flex;
        flex-direction: column;
        margin-right: 0%;
        border-radius:0;
        width: 100%;

    }
    .research-team li .com-img{
        width: 100%;
        margin-right:0;
        border-radius:0;
    }
    .research-team li .text{
        width: 100%;
        padding: 5% 0;
    }
    .research-team li .text h5{
        font-size: 2.6rem;
    }
    .research-team li .text h6{
        font-size: 14px;
    }
    .research-team li .text h6 span::before{
        font-size: 2rem;
    }
    .research-team li .text p{
        font-size: 14px;
    }
    .course li .words dl{
        margin-bottom: 5%;
    }
    .course li h5 , .course li .words dt{
        font-size: 16px;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none !important;
    }
    .business-scope .business .text{
        text-align: left;
        margin-top: 6%;
    }
    .business-scope .business .text span{
        
    }
    .business-scope .business .text p{
        font-size: 14px;
    }
    .link-a{
        text-align: left;
        
    }
    .social li{
        display: flex;
        flex-direction: column;
    }
    .social li .com-img , .social li .text{
        width: 100%;
    }
    .social li .text{
        padding: 5% 0;
    }
    .social li .text h5{
        font-size: 18px;
        background-size: 2rem;
    }
    .z-aboutLeft .shuzi{
        margin-top: 0;
    }
    .social li .mySwiper{
        width: 100%;
    }
    .shzr-Recruitment p{
        font-size: 14px;
        max-width: 100%;
    }
    .s-tit h5 , .r-tit h5 , .b-tit h5 , .fst .text h5 , .z-tit h5 , .Basic-list h5{
        font-size: 20px;
    }
    .s-tit p , .b-tit p{
        font-size: 14px;
    }
    .Recruitment-list ul li .sub .gzgs{
        width: 100%;
    }
    .growth li{
        height: 14vh;
    }
    .fst .text .core{
        flex-wrap: wrap;
    }
    .fst .text dl{
        width: 100%;
    }
    .page-news-box02 .page-news .hot li .text h5{
        font-size: 16px;
    }
    .page-news-box03 .page-news ul li .text{
        width: 100%;
        justify-content: normal;
        padding: 5%;
        
    }
    .list-literature li{
        width: 100%;
        padding: 5%;
    }
    .literature{
        flex-wrap: wrap
    }
    .literature .com-img{
        width: 100%;
    }
    .literature .text{
        padding: 5%;
        width: 100%;
    }
    .Basic-experiment .words li{
        width: 100%;
    }
    .FAQ{
        flex-wrap: wrap;
    }
    #FAQ{
        width: 100%;
    }
    .serInput-box{
        width: 80%;
    }
    .foot dl::after{
        display: none;
    }
    .businesses .img{
        width: 100%;
        overflow: hidden;
    }
    .businesses .img img{
        width: 200%;
        position: relative;
        left: -50%;
    }
    .growth p{
        font-size: 16px;
    }
    .growth li h6{
        font-size: 40px;

    }
    .growth li p{
        width: 75%;
        font-size: 14px;
    }
    .Recruitment-list ul li .text{
        padding: 0 2%;
    }
    .Recruitment-list ul li .text .t1{
        overflow: auto;
        white-space: normal;
        text-overflow: initial;
    }
    .Recruitment-list ul li .text p{
        padding: 3.5vh 0;
        line-height: inherit;
        font-size: 14px;
    }
    
    .mob-head .mob-logo p{
        font-size:  14px;
    }
    .service .rcjh .text h5{
        font-size: 18px;
    }
    .service .rcjh .text .link-a{
        text-align: center;
    }
    .service .fuwu .text h5{
        font-size: 16px;
    }
    .news li .text-box .text p{
        max-width: 95%;
        font-size: 12px;
    }
    .foot dl dd , .copyright p , .copyright li a , .mob-box .f-logo p{
        font-size: 12px;
    }
    .foot dl dt{
        font-size: 18px;
    }
    .z-aboutLeft .shuzi li{
        width: 50%;
    }
    .z-aboutLeft .shuzi p{
        font-size: 14px;
    }
    .team .teacher .text{
        flex-wrap: wrap;
    }
    .teacher-a{
        width: 80%;
        margin-top: 10px;
    }
    .growth ul{
        flex-wrap: wrap;
    }
    .growth li{
        width: 100%;
        margin-bottom: 5%;
    }
    .ewm-box{
        flex-wrap: wrap;
    }
    .ewm-box .ewm-img{
        width: 47%;
    }
    .work-environment{
        width: 100%;
        overflow: hidden;
    }
    .video-content{
        flex-wrap: wrap;
        height: auto;
    }
    .video-content .video-read{
        width: 100%;
    }
    .video-list{
        width: 100%;
    }
    .video-list h5{
        font-size: 16px;
        padding: 5% 0;
    }
    .Basic-list ul{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        align-content: center;
        margin-top: 5%;
    }
    .Basic-list li{
        width: 30%;
        margin: 0;
        text-align: center;
        position: relative;
    }
    .video-list li a{
        font-size: 14px;
        padding: 3%;
    }
    .Basic-list li a{
        font-size: 16px;
    }
    .Basic-list li::after{
        font-size: 16px;
        opacity: .5;
        position: absolute;
        right: 10px;
        top: 0;
    }
    .xzzx-tit h5{
        font-size: 20px;
    }
    .download li .words h5{
        font-size: 16px;
    }
    .download li .words p{
        font-size: 14px;
    }
    .download li .words:before{
        background-size: 20px;
        width: 40px;
    }
    
}
@media only screen and (max-width: 420px){}
@media(max-width:420px){
    .foot{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .foot dl:nth-child(1){
        width: 100%;
    } 
    
}

@media (max-width: 992px) {
    
}