@media screen and (max-width:1620px) {
   
    .main{ width: 90%; margin: 0  auto; }

    nav a{ line-height: 90px;}
    .searchbox{ right: 5%;}
    .banner .swiper-pagination{ width: auto; bottom: 5vh; left:45%;}

    
   
    .newswiper .prev,.newswiper .next{  }
    .newswiper .next{right: -70px;}
    .newswiper .prev{ left: -70px;}
    
}

@media screen and (max-width:1440px) {
    body{ font-size: 14px;}
    .f14{ font-size: 14px;}
    .f15{ font-size: 15px;}
    .f16{ font-size: 16px;}
    .f18{ font-size: 16px;}
    
    .f20{ font-size: 18px;}
    .f24{ font-size: 20px;}
    .f28{ font-size: 24px;}
    .f34{ font-size: 28px;}
    .f52{ font-size: 45px;}
    .f80{ font-size: 60px;}

    .f64{font-size: 56px;}
    .f48{ font-size: 40px;}
    .f50{ font-size: 40px;}
    .f40{ font-size: 34px;}

    nav{ width: 50vw;}

    .projectsUl li figure{ width: 110px; height: 110px;}
    .projectsUl li .f40{ margin-top: -32px;}
    .scienceOne{ margin-top: -38px;}

    .scienceOne .left .top,.scienceOne .left .bg{ padding-left:5vw;}
    .scienceOne .right{ padding-right: 5vw; padding-left: 50px;}
    .patenttxt{ font-size: 80px;}
    .scienceOne .left .top{ padding-right: 50px;}

    .proTop .img .left .swiper-container{  height: 450px;}
    .proTop .img .right .btn{ width: 60px; height: 60px;}
    .proInfoTit span{ line-height: 64px;}

    .neiBan .txt{ padding-bottom: 38px;}
    .menuSub{ margin-top: -38px;}
    .menuSub a{ height: 76px; line-height: 76px;}
    .culture{    background: url(../images/bg2.png) no-repeat center center;height: 800px;}
    .culture .con{    margin: 100px auto 0;}
    .culture .con ul li{ height: 180px;}
    .culture .con ul li:nth-child(1){    top: -50px;}
    .history .swiper-slide .img{min-height:300px}

    .about .con .pic .play{ width: 100px; height: 100px; right: -100px;}
    .earth .txt .more{ width: 100px; height: 100px;}
    .earth .img{ width: 70%; top: 100px;}
   
    .earth{ padding: 100px 0;}

    .new .left .img .newsimg{ height: 430px;}
    .new .swiper-slide .img img{ height: 211px;}
    .ewmImg{ width: 160px;}
    .ptb-70{ padding: 50px 0;}
    .toplanguage{ top: 70px;}
    .newBtn>div{  width: 50px; height: 50px;}


    .prolist{grid-gap: 40px;}
    .prolist li .txt span{height: 40px;}

    .newswiper .prev,.newswiper .next{  width: 70px; height: 70px; border: 1px solid #e5e5e5;  display: none;}
    .newswiper .swiper-slide .img img{ height: 500px;}
    .newslist li{ width: 31.5%; margin-right: 2.75%;}
	.newslist li:nth-child(4n){ margin-right: 2.75%;}
	.newslist li:nth-child(3n){ margin-right: 0;}
    .newslist li .img img{ height: 220px;}

    .joinlistUl a img.userimg{ width: 120px; height: 120px;}
    .tancon{padding: 0 50px 0;}
    .g5boxaa{ align-items: flex-start;}

    .contactTop{ margin-top: -60px;}
    .neiBan .txt .line{ width: 65px;}

        .story .txt .con{ height: 500px;}

   
 
}

@media screen and (max-width:1380px) {
    .contactTop{ margin-top: 0; }
    .contactTop .left dl{ line-height: 60px;white-space: nowrap; }
    .contactMain{ padding-top: 50px;}
}
@media screen and (max-width:1280px) {
    nav{ width: 50vw;}
    .ptb-70{ padding: 40px 0;}
    .indproUl li .txt .icon{ width: 35px; height: 35px;}
    .about .con .pic .play{ width: 80px; height: 80px; right: -80px;}
    .earth .txt .more{ width: 80px; height: 80px;}

    .banner{ height: auto;}
    .banner img{ height: auto;}
    div.video-wrap{ width: 90vw;height: auto;}
    body{ font-size: 12px;}
    .f14{ font-size: 12px;}
    .f15{ font-size: 14px;}
    .f16{ font-size: 14px;}
    .f18{ font-size: 14px;}
    
    .f20{ font-size: 16px;}
    .f24{ font-size: 16px;}
    .f28{ font-size: 16px;}
    .f34{ font-size: 22px;}
    .f52{ font-size: 34px;}
    .f80{ font-size: 48px;}


    .f64{font-size: 46px;}
    .f48{ font-size: 30px;}
    .f50{ font-size: 30px;}
    .f40{ font-size: 28px;}

    .proTop .img  { flex-direction: column-reverse;}
    .proTop .img .left{ width: 100%; margin-top: 15px;}
    .proTop .img .right{ width: 100%;}
    .proTop .img .left .swiper-container{ height: auto;}

    .neiBan .txt{ padding-bottom: 33px;}
    .menuSub{ margin-top: -33px;}
    .menuSub a{ height: 66px; line-height: 66px;}

    .history .swiper-slide{ width: 25%;}
    .history .swiper-slide.swiper-slide-active{ width: 50%;}
    .historyBtn{ height: 50px;}
    .story .txt .con{ height: 300px;}
    .qianming{ width: 128px;}

    .prolist{grid-gap: 30px;}

}

@media screen and (max-width:1000px) {
    .ptb-70{ padding: 30px 0;}
    .f15{ font-size: 12px;}
    .headerBtn{ display: none;}
    nav{ width: 60vw;}

    .main{ width: 96%; margin: 0  auto; }

   
    .searchbox{ right: 2%;}
    .banner .swiper-pagination{ width: auto; bottom: 5vh; left:45%;}
}

.submenuShow{height: 54px;font-size: 16px;}
@media screen and (max-width:750px) {
  
    .f14{ font-size: 12px;}
    .f15{ font-size: 12px;}
    .f16{ font-size: 13px;}
    .f18{ font-size: 13px;}
    
    .f20{ font-size: 14px;}
    .f24{ font-size: 14px;}
    .f28{ font-size: 14px;}
    .f34{ font-size: 16px;}
    .f52{ font-size: 20px;}
    .f80{ font-size: 34px;}


    .f64{font-size: 24px;}
    .f48{ font-size: 22px;}
    .f50{ font-size: 20px;}
    .f40{ font-size: 18px;}

    .scienceOne{ margin-top: 0; flex-direction: column;}
    .scienceOne .left{ width: 100%;}
    .scienceOne .left .top, .scienceOne .left .bg{  padding-left: 20px; padding-right: 20px; }
    .scienceOne .right{padding-right: 20px; width: 100%; padding-left: 20px;}
    .patenttxt{ font-size: 56px;}
    .college .left{ width: 100%; padding: 20px 0;}
    .college .right{ width: 100%; padding:50px 20px;}
    .college .right::after{ width: 20px; height: 14px; top: 20px; left: 10px;}
    .college .right::before{ width: 20px; height: 14px; bottom: 20px; right:   10px;}

    .projectsUl{    grid-gap: 20px;    grid-template-columns: repeat(1,1fr);}
    .projectsUl li figure{ width: 60px; height: 60px;}

    .proInfoTit span{ line-height: 50px; width: 40%;}

    .proTop .p50{ padding: 10px;}
    .proTop .img{ width: 100%;}
    .proTop .txt{ width: 100%; margin-top: 15px;}
    .proTop .img .right .btn{ width: 40px; height: 40px;}

    .neiBan .txt .line{height: 2px; width: 32px;}
    .menuSub{ margin-top: 0; }
    .menuSub .main{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;  width: 100%; padding: 0; flex-wrap: wrap;}
    .menuSub a.on{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

    .neiBan,.newinfoPge{ margin-top: 60px;}
    .neiBanImg{ width: 100%; height: 280px; object-fit: cover;}
    .menuSub a{ height: 50px; line-height: 50px; flex: auto;}

    .companyProfile .txt{ width: 100%;}
    .companyProfile .bg{ width: 50%;}
    .companyProfile .img{ width: 100%; margin-top: 15px; }
    .companyProfile .img img{ width: 100%; height: 200px; object-fit: cover;}

    .culture .bg{ width: 15%;}
    .culture{ height: auto;    background: url(../images/bg2.png) no-repeat top center;  }
    .culture .con{ width: 100%; height: auto; padding: 0 10px;    margin: 50px auto 0;}
    .cultureLogo{ display: none;}
    .culture .con ul{ width: 100%;}
    .culture .con ul li{ position: relative; height: 120px; padding-left:20px; white-space: normal;}
    .culture .con ul li:nth-child(1){top: auto; left: auto;}
    .culture .con ul li:nth-child(2){top:auto; right: auto; padding-right: 20px;}
    .culture .con ul li:nth-child(3){bottom: auto; left: auto;}

    .history .swiper-slide{ width: 100%; left: 0;}
    .history .swiper-slide.swiper-slide-active{ width: 100%;}

    .history .swiper-slide .img{ height: auto; min-height: auto;}
    .history .swiper-slide .yuan{ margin: 12px auto ; display: none;}
    .history .swiper-slide .txt .NUM{ height: auto; }
    .history .swiper-slide.swiper-slide-active .txt .line-clamp2{ height: auto;}
    .history .swiper-container{ background: none  ;}
    .history .swiper-slide{align-items: center;}
    .history .swiper-slide.swiper-slide-active{ flex-direction: column;} 
    .history .swiper-slide.swiper-slide-active .img{ width: 100%;}
    .history .swiper-slide.swiper-slide-active .txt{ width: 100%; margin-top: 20px;}

    .story{ padding: 20px !important;background-attachment:scroll}
    .story .main{ padding: 0; flex-direction: column;}
    .story .img,.story .txt{ width: 100%;}
    .story .img .line{ height: 2px; width: 15px;margin-bottom: 25px;}
    .story .txt .con{ max-height: 485px; overflow-y: scroll;   }
.story .txt .con::-webkit-scrollbar {  width: 3px;}
.story .txt .con::-webkit-scrollbar-thumb {  width: 3px; }
.story .txt .con::-webkit-scrollbar-track {  width: 3px; }

.zahnwei{    margin-top: -60px;padding-top: 60px;}

.rpagination{ margin-bottom: 25px;}
.swiper-pagination-num,.honor .swiper-pagination{ width: 80%;}
.honor .swiper-container{  padding-bottom: 40px;  background-size: 100% auto;}

.wap-center{text-align: center; }

    .ptb-70{ padding: 20px 0;}
    .main{ width: 100%; margin: 0  auto;  padding: 0 20px;}
    header{ height: 60px;}.logo{ height: 60px;} .h_nav {
        display: flex;
        margin-left: 20px;
    }
      
        header .main{ padding-right: 0;}
        .waplanguage{ width: 60px; height: 60px; font-size: 16px;}
        .banner{ height: auto; margin-top: 60px;}
      /*  .banner img{ height: 320px;}*/
        nav{
         position: fixed;
         top: 59px;
         right: 0;
         width: 100vw;
         height: calc(100vh - 59px);
         background-color: #fff;
          color: #333;  
         flex-direction: column;
         justify-content: center !important;
         transform: translateX(100%);
         -webkit-transform: translateX(100%);
         -moz-transform: translateX(100%);
         -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
         transition: all .6s;
         -webkit-transition: all .6s;
         -moz-transition: all .6s;
         -ms-transition: all .6s;
         -o-transition: all .6s;
}
nav.show{ transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; border-top: 1px solid #e5e5e5; }
         nav a{ width: 100%; text-align: center;}
         .h_nav.close{align-items: center; justify-content: center;}

         .about .con .pic .play{ width: 60px; height: 60px ; right: 0;}
         .about .con{ flex-direction: column;}
         .about .con .pic{ width: 100%;}
         .about .con .pic img{ height: auto;}
         .about .con .txt{ width: 100%; padding: 0; margin-top: 15px;}
         #wonder{ opacity: 0.2;}
         .aboutnum { flex-wrap: wrap;}
         .aboutnum li{ width: 48%;}

         .indproUl{display: grid; grid-gap: 15px; grid-template-columns: repeat(1,1fr);}

.indproUl li:first-child{grid-column-start: 1;grid-column-end: 2; grid-row-start: 1;grid-row-end: 2;}
.indproUl li:nth-child(2){grid-column-start: 1;grid-column-end:2; grid-row-start: 2;grid-row-end: 3;}
.earth{ padding: 20px 0;}

.earth .txt .more{width: 60px; height: 60px ;}
.earth .txt{ margin-bottom: 15px;}

.earth{background-size: cover;    background: url(../images/earthbg.jpg) no-repeat center top;
    background-attachment: scroll;}

    .new .left{ display: none;}
    .new .swiper-slide:hover .img img{ height: 120px;}

    footer .top .main{ flex-direction: column; justify-content: flex-start; align-items: flex-start; line-height: 2.3;}
    footer .top .right{ width: 100%; flex-wrap:wrap; font-size: 14px;  justify-content: flex-start;}
    footer .top .right a{margin-right: 0; width: 25%;}
    .footLogo{ height: 45px; margin-bottom: 15px;}

    footer .center{ flex-direction: column;}footer .center>div{ margin-top: 15px; }
    .ewmImg{ width: 100px;}footer .bottom{  padding: 10px 0; text-align: center;}
    footer .bottom .main{ flex-direction: column; line-height: 2;}

    .ewmImgBox{ position: absolute; right: 0; top: 15px;}

    #toolbar{ display: flex;}
    body::after{ display: block; content: ''; width: 100%; height: 60px; background-color: #333;}

    .indproUl li .img img{ height: 200px;}
    .new .swiper-slide .img img{ height: 120px;}
    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}
    .videoPlay img{ width: 50px;}
    div.close-btn{ right: 0; top: -60px;}
    .indproUl li .txt::before{    background-image: linear-gradient(to top,rgba(255,255,255,0.2),transparent);}

    .proTj .img{ width: 100%;}
    .proTj .txt{ width: 100%; margin-top: 15px;}
    .prolist{ grid-gap: 18px;grid-template-columns: repeat(1,1fr);}
    .prolist li{ padding: 10px;}
    .prolist li a{ flex-direction: column;}
    .prolist li .img{ width: 100%;}
    .prolist li .txt{ width: 100%; margin-top: 18px;}
    .prolist li .txt span{ margin-top: 10px; height: 38px;}
    .proTj{ padding: 10px;}

    .newswiper .swiper-slide,.newswiper .swiper-slide .img{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
    .newswiper .swiper-slide .img img{ height: 180px;}
    .newslist li{ width: 100%; margin-right: 0;}
    .newslist li a{ padding: 0;}
    .newslist li .img img{ height: 180px;}
    .newslist li .tit,.newswiper .swiper-slide .tit{font-weight: bold;}

    .pglist a,.pglist .hover{ display: none;}
    .pglist a.page{ display: inline-block;}

    .newsright{ display: none;}
    .newsleft{ width: 100%;}

    .joinlistUl{ grid-gap: 20px; grid-template-columns: repeat(1,1fr); padding: 0;}
    .joinlistUl a img.userimg{ width: 60px; height: 60px;}
    .g5boxaa .txt{ width: calc(100% - 80px);}
    .joinlistUl a .txt .more{    width: 120px;    height: 30px;}

    .joinConshaixuan .select{ width: 48%;}
    .joinConshaixuan .input{ width: 65%;padding: 0 8px;}
    .joinConshaixuan .input input{height: 42px; line-height: 42px; }
    .joinCon{    background: url(../images/joinbg.jpg) no-repeat center top;background-size: auto 35%;}
    .joinConshaixuan .select select{ height: 42px; line-height: 42px;  }
    .joinConshaixuan .select { margin-bottom: 14px;padding: 0 8px;}
    .joinConshaixuan .button{ width: 32%;height: 42px; }

    .fzUl{ flex-direction: column;}
    .fzUl li{ width: 100%; margin-top: 15px;}

    .g5lianjie{ display: none;}
.tancon{ width: 90vw; padding: 0 10px; padding-bottom: 20px;}
.tanright{ width: 30px;}
.rc-popscroll{ margin-top: 5px;  }
.tancoiii h4{ font-size: 14px;padding-right: 10px;}

 
 
.rc-popscroll::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 3px;}
.rc-popscroll::-webkit-scrollbar-thumb {/*滚动条里面小方块*/  background: #136cc9; width: 3px; }
.rc-popscroll::-webkit-scrollbar-track {/*滚动条里面轨道*/  background: #f2f5f9; width: 3px; }

.contactMain{ padding-top: 25px;}
.contactTop{ flex-direction: column;}
.contactTop .left,.contactTop .right{ width: 100%;}
.contactTop .left dl{ line-height: 2.4; white-space:	normal; }
.contactTop .left .con dl:first-child,.contactTop .left .con dl:last-child{flex-direction: column; align-items: flex-start;}
.contactTop .left .icon a{ width: 50px; height: 50px;}
.mt-11{ margin-top: 20px;}
.contactTop .right .button{ width: 95%; height: 48px;}
.contactBot{ flex-direction: column;}
.contactBot li{ width: 100%; margin-bottom: 18px;}
.contactBot li figure{ width: 60px; height: 60px;    border: 4px solid rgba(245, 245, 245, .8);}
.contactTop .right .input{ padding: 10px 0;}
.contactBot li .line{ height: 1.5px;}


nav li:hover dl {visibility: hidden;opacity: 0;filter: alpha(opacity=0);transform: translateX(-50%) translateY(20px);-ms-transform:translateX(-50%)  translateY(20px);-o-transform:translateX(-50%) translateY(20px);
    -webkit-transform:translateX(-50%)  translateY(20px);-moz-transform:translateX(-50%)  translateY(20px);transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease}
 
    .newsPage{ flex-direction: column; line-height: 2;}
    .newsPage a{ width: 100%;}
    .newsPage a.text-right{ text-align: left;  margin-top: 20px;}
}


@media screen and (max-width:420px) {
    .f80{ font-size: 30px;}
 }