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

    nav li .oneNav{ padding: 0 25px;}
    .topSearch .text{ width: 200px; height: 38px;}
    .logo img{ height: 50px;}

}

@media screen and (max-width:1440px) {
     
    body{font-size: 14px;}
     .w80{ width: 86%; }
    /* .w80{ width: 90%;max-width: 1500; margin: 0 auto;}
    .banner .swiper-slide .txt{left: 5%;} */
    header{ height: 80px;}
    nav li{ line-height: 80px;}
    header .con{ padding: 0 20px;}
    nav li .oneNav{ font-size: 16px;}
    .banner .swiper-slide .txt .more{ width: 200px;} 
    .svg-swiper-pagination .swiper-pagination-bullet:after{width:8px;height: 8px;}
    .svg-swiper-pagination .svg {width: 30px;height: 30px;  top: -10px; left: -10px; }

    .svg-swiper-pagination{ padding-left: 7vw;} 
    .banner .swiper-slide .txt{ left: 7vw;}


    .idxMore::before{  width: 40px; height: 40px; margin-top: -20px;}
    .idxPro{ height: 830px;}
    .idxPro .bg3{  width: 1000px; height: 1000px;}
    .idxPro .bg4{ width: 650px; height: 650px;}
    #proSwiper .swiper-slide .more{ width: 250px; height: 50px;}
    .topSearch .text{ width: 150px;}
    
    .idxNews .left .newsItem .img{width: 380px;height: 210px;}
    .idxNews .left .newsItem .txt{width: calc(100% - 400px);}

    .mainbav{ width: 86vw; left: 7vw;}
    .subnav{ padding: 0 50px; line-height: 70px;}
    .mainbav li dl{top: 70px;}
    .history .bottom{ padding-left: 7vw;}

    .videoButton{  width: 150px;}
    .enTit{ font-size: 90px;}
    .profile .left .con::before{ width: 25px; height: 24px;}
    .culture{padding: 100px 0; height: 85vh;}
    .culture .ENG{ font-size: 120px;}

    .honors .swiper-slide .img{ height: 380px;}
    .honors .prev, .honors .next{ width: 60px; height: 60px;}
    .historyBotUl li .img{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
    .history-top .swiper-slide .yuan{    background-size: 80% 80%;}


    
.prolist li{ width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px;}
.prolist li:nth-child(3n){ margin-right: 0;} 
.prolist li .img{ height: 280px;} 
.prolist li .desc i{ width: 5px; height:5px; }
.prolist li .btn a{ height: 42px;  }

    #proInfoTopSwiper .swiper-slide{ height: 580px;}
    .proInfoTop { margin-top: 80px;}

    .newslist li{ width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px ;}
    .newslist li:nth-child(3n){ margin-right: 0;} 
    .newslist li .img img{ height: 260px;  }
    
    .newsInfoTop{ margin-top: 80px;}

    .morenuewsUl li .img img{width: 160px;height: 100px;}
    .morenuewsUl li .txt{width: calc(100% - 185px);}

    .map{ height: 80vh;}
    .gbookBox{right: 7vw;}

    .contactCon .yuan{ width: 50px; height: 50px;}

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


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

    .banImg{ height: auto;}

    .idxMore::before{  width: 30px; height: 30px; margin-top: -15px;}
    .topSearch{ display: none;}
    .w90{ width: 90%; }
    .w80{ width: 90%; }

    .idxNews .left .newsItem .img{width: 320px;height: 210px;}
    .idxNews .left .newsItem .txt{width: calc(100% - 350px);}


    .mainbav{ width: 90vw; left: 5vw;}
    .subnav{ padding: 0 40px; } 
    .history .bottom{ padding-left: 5vw;}

    .enTit{ font-size: 70px;}

     
     
    .gbookBox{right: 5vw; width: 45vw;}


    
    .newslist li .img img{ height: 240px;  } 

    .prolist li .img{ height: 250px;} 
    #proInfoTopSwiper .swiper-slide{ height: 520px;}
    .proInfoTop .right .prev, .proInfoTop .right .next{ width: 50px; height: 50px;margin-top:-25px}
}
@media screen and (max-width:1240px) { 
    .locaiton{ display: none;}
    }
    
@media screen and (max-width:1000px) {

    .w90{ width: 96%; }
    .w80{ width: 96%; }

    .idxPro{ height: auto;}
    .topTel,.headerLine{ display: none;}
    .logo img{ height: 42px;}
    nav li .oneNav{ padding: 0 15px;}
    .idxCooperate .w80{ height: auto;}
    .idxCooperate ul{display: grid; grid-gap: 1px; grid-template-columns: repeat(3,1fr); width: 100%; position: relative;  margin-top: 20px;
        width: 100%;
        position: relative;
        right: auto;
        top: auto;}
    .idxCooperate ul li{ animation: none !important; width: auto !important; border-radius: 0; background-color: #fff; height: 100px !important; position: relative; left:  auto !important; top: auto !important; bottom: auto !important; right: auto !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-animation:; }

    .idxNews .left .newsItem .img{width: 320px;height: 180px;}
    .idxNews .left .newsItem .txt{width: calc(100% - 350px);}

    .mainbav{ width: 96vw; left: 2vw;}
    .subnav{ padding: 0 30px; line-height: 60px;}
    .mainbav li dl{top: 60px;}
    .history .bottom{ padding-left: 2vw;}

    .culture{padding: 80px 0; height: 70vh;}
    .culture .ENG{ font-size: 100px;}
    .honors .swiper-slide .img{ height: 340px;}

    .historyBotUl li{ width: 40vw;}
    .historyBotUl li.on{ width: 80vw;}
    .historyBotUl li>div{ width: 40vw;}

    div.video-wrap{ width: 90vw;height: auto;}

    .prolist li{ width:48%; margin-right: 4%; margin-bottom: 30px;}
    .prolist li:nth-child(3n){ margin-right: 4%;} 
    .prolist li:nth-child(2n){ margin-right: 0;} 

    #proInfoTopSwiper .swiper-slide{ height: 420px;}

     
    .newslist li{ width:48%; margin-right: 4%; margin-bottom: 30px;}
    .newslist li:nth-child(3n){ margin-right: 4%;} 
    .newslist li:nth-child(2n){ margin-right: 0;} 
    .newslist li .img img{ height: 260px;  } 

    .map{ height: 80vh;}
    .gbookBox{right: 2vw; width: 48vw;}
     
    .contactCon .yuan{ width: 40px; height: 40px;}
    
}
@media screen and (max-width:750px) {
    
    body{ font-size: 14px;}
    .w90{ width:100%; padding: 0 20px; }
    .w80{ width: 100%; padding: 0 20px; }
    .idxPro .bg3{ width: 80vw; height: 80vw; display: none;}
    .idxPro .bg4{ width: 60vw; height: 60vw;display: none;}
    #proSwiper .swiper-slide .more{ width: 150px; height: 38px;}
    .idxMore{ padding: 10px ;}
    .idxMore::before{  width: 20px; height: 20px; margin-top: -10px; left: -10px; }
    header .right{ display: none;}
    header{ height: 60px;}
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    header .con{ padding-right: 0;}
    .banImg{ height: 380px;}
    .svg-swiper-pagination{ padding-left: 20px;}
    .svg-swiper-pagination .swiper-pagination-bullet{ bottom: 10px;}
    .banner .swiper-slide .txt{ left: 20px;}
    .banner .swiper-slide .txt .more{  width: 150px;  height: 38px;}
    .numUl{ flex-wrap:  wrap;}
    .numUl li{  width: 49%; }
    .numUl img{ width: 24px;}
    .numUl .txt{ margin-left: 0;}
    #proSwiper{ width: 80vw;}

    .idxNews .left,.idxNews .right{ width: 100%;}
    .idxNews .left .newsItem .img{ width: 100%;height: 180px;}
    .idxNews .left .newsItem .txt{ width: 100%; margin-top: 18px;}
    .idxNews .right .newsItem .img{ width: 100%; height: 180px;}
    .footlogo img{ height: 40px; margin-bottom: 18px;}
    .friendLinks{ margin-bottom: 18px;}
    .footNav{ display: none;}
    .ewmUl li .img{ width: 100px;}
    footer .bottom{ text-align: center; line-height: 2; justify-content: center; align-items: center;}

    .neiBan .txt .line{ width: 50px; height: 3px;}
    .mainbav{ width: 100vw; left: 0;  overflow-x: scroll; bottom: 0;}
    .subnav{ padding: 0 25px; line-height: 50px;}
    .mainbav li dl{top: 50px;}
    .mainbav li dl{ display: none;}
    .mainbav::-webkit-scrollbar { height: 1px;}
    .mainbav::-webkit-scrollbar-thumb { border-radius: 3px; background: transparent; height: 1px; }
    .mainbav::-webkit-scrollbar-track { border-radius: 3px; background: transparent; height: 1px; } 

    .videoButton{ width: 120px;}
    .profile .left .con::before { width: 10px; height: 9px; }

    .culture{padding: 40px 0 0; height: auto; background-attachment:scroll}
    .culture .ENG{ font-size: 50px; letter-spacing: 3px;}
    .culture ul{ position: relative; top: auto; left: auto; flex-wrap: wrap; margin-top: 40px;}
    .culture li{ width: 50%; padding-top: 0; height: 250px; border-top: 1px solid rgba(255, 255, 255, .15);}
    .culture li:hover{ padding-top: 0;}
    .culture li .line{ width: 30px; height: 2px;}
    .culture li .f26{ font-weight: bold;}

    .honors .swiper-slide .img{ height: 280px;}
    .history-top{ margin-top: 40px;}
    .history .bottom{ padding-left: 20px;}

    .history-top .swiper-slide .yuan{ width: 30px; height: 30px;}
    .history-top .swiper-slide .yuan::after{bottom: 15px;}

    .prolist li .img{ height: 220px;} 

    .prolist li{ width:100%; margin-right: 0%; margin-bottom: 26px;}
    .prolist li:nth-child(3n){ margin-right: 0%;}  
    .prolist li:hover{ box-shadow: 0 0  0 5px rgba(0, 74, 255, 1); transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }
    
    .prolist li .desc i{ width:3px; height:3px; }
    .prolist li .btn a{ height: 38px;   width: 48% !important;}

    .proInfoTop { margin-top: 60px;}
    .proInfoTop .txt{ margin-top: 20px;}
    .proInfoTop  .wapFlex{ flex-direction: column-reverse;}
    #proInfoTopSwiper .swiper-slide{ height: 360px;}
    .proInfoTop .right .prev, .proInfoTop .right .next{ display: none;}

    .proInfoTop .txt .btn a{ width: 40%;}
    .proInfoTop .txt .btn a:first-child{ width: 60%;}
    .proInfoTop .txt .btn a:last-child{ display: none;}
    .proLine::after{ height: 2px;}
    .contactStyle .right{ margin-top: 20px;}
    .contactStyle .right .w48 + .w48{ margin-top: 18px;}



    .newslist li{ width:100%; margin-right: 0; margin-bottom:20px;}
    .newslist li:nth-child(3n){ margin-right: 0;} 
    .newslist li:nth-child(2n){ margin-right: 0;} 
    .newslist li .img img{ height: 260px;  }

    .newsInfoTop{ margin-top: 60px;}

    .newsPage{ flex-direction: column; line-height: 2;border-top: 1px solid #f1f1f1 }
    .newsPage a{ width: 100%;}
    .newsPage a.text-right{ text-align: left;  margin-top: 20px;}

    .newLeft{ width: 100%;}

    .map{ height: 300px;}
   
   
     .contactCon .w48 + .w48{ margin-top: 18px;}

     
     .wapGbook .w48 + .w48{ margin-top: 18px;}

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

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

    .newslist li .img img{ height: 200px;  }
}