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

}

@media screen and (max-width:1440px) {
     
    body{ font-size: 14px;}
    .OneNav{ height: 80px; line-height: 80px;   font-size: 17px; }
    nav li dl{top: 80px;}
    .language, .headerSearch{ width: 80px; height: 80px;}
    .logo img{ height: 55px;}

    .svg-swiper-pagination .swiper-pagination-bullet{ bottom: 30px;}
    .svg-swiper-pagination .swiper-pagination-bullet:after{width:8px;height: 8px;}
    .svg-swiper-pagination .svg {width: 30px;height: 30px;  top: -10px; left: -10px; }
    nav{ width: 56vw;}
    .newsItem .img{ height: 310px;}
    .ewmUl img{ width: 140px;}

    .priIcon{ height: 50px;}
    .editorial{ height: 100px;}
    /* .subnavUl{ bottom: 165px;} */
    .introduce .right{ width: 60%;}
    .culture li .yuan{ width: 90px; height: 90px;}
    /* .historyTxt .years{ width: 70px;} */
    .historyNavigation{ right: -35px;}
    .history .right::after{left: calc(7vw + 13px);}
    .introduceIcon{ height: 40px;}

    .newslist li{ width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 40px;}

    .newInfonbOX{ margin-top: 80px;  }
    .staff .txt::after{ width: 28px; height: 24px; left: -50px;}

    .joblist li .top span{ line-height: 85px;}

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

    .map{  height: 500px;}

    .resultList li .yuan{ width: 40px; height: 40px;  }
    .resultList li .txt{ width: calc(100% - 60px);}

    .searcbinfoBox{ margin-top: 80px;}
    
    .newsItem .img{ height:210px; }
}

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

    .banImg{ height: auto;}
    .w90{ width: 90%;}
    header .con{ padding-left: 5vw;}
    .banner .swiper-slide .txt{ left: 5vw;}
    .idxNews{ padding-left: 5vw;}
    .svg-swiper-pagination{ padding-left: 5vw;}
    .history .right{ padding: 0 5vw;}
    .honor .con{ padding-left:5vw}
  
    .contactBot .txt{ padding-right: 5vw;}
    .ewmUl img{ width: 130px;}

    .priIcon{ height: 42px;}

    .introduce .right{ width: 65%;}
    .structure a.item{  width: 31%;}

    .honor .swiper-slide .item .img{ height: 300px;}
    /* .subnavUl{left: 5vw;} */

    .staff .txt::after{  left: -34px;}
    .joblist li .top span{ line-height: 75px;}
    .map{  height: 400px;}

    .newsItem .img{ height:180px; }
    .idxAbout .txt{  padding-left:5vw;}

}

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

    .w90{ width: 96%;}
    header .con{ padding-left: 2vw;}
    .banner .swiper-slide .txt{ left: 2vw;}
    .idxNews{ padding-left: 2vw;}
    .idxAbout .txt{  padding-left: 2vw;}
    .svg-swiper-pagination{ padding-left: 2vw;}
    .history .right{ padding: 0 2vw;}
    .honor .con{ padding-left:2vw}
    .contactBot .txt{ padding-right: 2vw;}
    /* .subnavUl{left: 2vw;} */


    .logo img{ height: 50px;}
    .OneNav{ height: 70px; line-height: 70px;   font-size: 16px; }
     nav li dl{top: 70px;}
    .language, .headerSearch{ width: 70px; height: 70px;}
    header .right{ width: auto; justify-content: flex-end;}
    nav{ display: none !important;}

    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    .newsItem .img{ height: 200px;}
    .ewmUl img{ width: 100px;}

    .editorial{ height: 80px;}
    .introduce .right { width: 72%;}
    .culture li .yuan{ width: 80px; height: 80px;}

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

    .staff .txt::after{ width: 18px; height: 14px;  left: 50%; top: 0;}
    .joblist li .top span{ line-height: 65px;}

    .orient{ padding-top: 80px; margin-top: -80px;}

    .map{  height: 300px;}
    .mapBox::after{ height: 75%;}

    .resultForm{ width: 80vw;}
    .searcKey{width: calc(100% - 50px);}
    .searcSubmit{ width: 50px; height: 50px;}

    .searcbinfoBox{ margin-top: 70px;}
}
@media screen and (max-width:750px) {
    
    body{ font-size: 12px;}
    .w90{ width: 100%;  padding: 0 20px;}
    header .con{ padding-left: 20px;}
    .banner .swiper-slide .txt{ left: 20px;}
    .idxNews{ padding-left: 20px;}
    .idxAbout .txt{ padding: 20px;}
    .svg-swiper-pagination{ padding-left: 20px;}
    .history .right{ padding: 0 20px;}
    .honor .con{ padding-left:20px}
    .contactBot .txt{ padding-right: 20px;}
    /* .subnavUl{left: 20px;} */

    .subnavUl{  justify-content: space-between;}
    .subnavUl a{ padding-right: 0;  flex: 1;}
    .orient{ padding-top: 70px; margin-top: -70px;}
    .svg-swiper-pagination{ padding-left: 20px;}
    .svg-swiper-pagination .swiper-pagination-bullet{ bottom: 10px;}

     .headerSearch{ display: none;}
    .language{ width: 60px;   height: 60px;}.language .iconfont{ font-size: 16px;}
    .h_nav{ width: 60px; height: 60px;}
    .nav{ top: 60px;}
    .logo img{ height: 40px;}
    .svg-swiper-pagination .swiper-pagination-bullet{ margin: 0 10px !important;}
    .banner .swiper-slide .txt{ height: 100%;}
    .banner .swiper-scrollbar{ bottom: 35% !important;}
    .idxAbout .opacity0{ opacity: 1;}

    .newsItem .img{ height: 160px;}
    .idxYuan{ width: 12px; height: 12px;}
    .idxProUl{ display: none;}

    #proSwiper .swiper-slide .desc{ height: 6em;}

    footer .right{ margin-top: 25px;}
    footer .top::after{ top: 40%;}
    footer .center dl{ display: none;}
    .footContact{ width: 100%;}
    .ewmUl img{ width: 80px;}
    footer  .bottom{ text-align: center; line-height: 2; align-items: center; justify-content: center;}
    .editorial{ height: 30px;}
    .introduce .left,.introduce .right{ width: 100%;}
    .numUl{ display: flex;  flex-wrap: wrap;}
    .numUl li{ width: 50%; margin: 15px 0;}
    .introduceIcon{ height: 28px;}

    .culture{ flex-wrap: wrap;background-attachment:scroll}
    .culture li .yuan{ width: 50px; height: 50px;}
    .culture li{ width: 50%; height: auto;padding-top:50px; padding-bottom: 50px;  padding-left: 15px; padding-right: 15px; border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .culture li:hover{ padding-top: 50px;}
    .structure a.item{  width: 100%; margin: 15px 0;}
    .structure a.item:hover{ box-shadow:0 0 0 5px rgba(0,71 ,155, 1); transform:translateY(-3px) ; -webkit-transform:translateY(-3px) ; -moz-transform:translateY(-3px) ; -ms-transform:translateY(-3px) ; -o-transform:translateY(-3px) ; }
    .historyImg .swiper-slide img{ height: 260px;}
    .history .right{   height: auto; }
    .history .con>.z5{ flex-direction: column-reverse;}
    .history .right .bg,.historyNavigation{ display: none !important;}
    .historyTxt .years{ width: 50px;}
    .historyTxt .desc{ height: auto;}
    .historyTxt{ height: auto; margin-top: 18px; margin-bottom: 18px;}
    .historyTxt  .yuan{ width: 16px; height: 16px;}
    .historyTxt .swiper-slide-thumb-active .yuan i{ width: 5px; height: 5px;}
    .history .right::after{ height: 70px; left: 28px;}

    .honor .left{ width: 100%;}
    .honor .button{ justify-content: flex-end; margin-top: 18px; padding-right: 20px; display: none;}
    .honor .prev, .honor .next{ width: 40px; height: 40px;}
    .honor .right{ width: 100%;}
    .honor .swiper-slide .item .img{ height: 200px;}
    .honor .swiper-slide .item .txt{ height: auto;}

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

    .danList  li  a{ flex-direction: column;}
    .danList  li:nth-child(2n) a{ flex-direction: column;}
    .danList  li .img img{width: 100%; height: 180px; object-fit: cover; margin-top: 20px;}

    .newInfonbOX{ margin-top: 60px; padding: 20px;}
    .newpage a{ width: 50px; height: 50px; border: 1px solid #e5e5e5; border-radius: 50%; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
    .newpage a span{ display: none;}
    .newpage a .iconfont{ font-size: 22px !important;}

    .person .txt{ padding: 20px 0;}
    .person .txt .f20 .flex-between-center span:first-child{ padding-right: 15px;}
    /*.staffUl li{ margin-top: 10px;}*/
    .staffUl .staffIcon{ height: 12px;}
    .staff .img{ padding-top: 20px; padding-left: 0;}

    .joblist li{ margin-bottom: 18px;}
    .joblist li .top span{ line-height: 55px;}
    .joblist li .top span:nth-child(3),.joblist li .top span:nth-child(4){ display: none;}
    .jobBtn{ padding: 0 ; width: 120px; height: 40px;  margin-top: 15px;}
  
    .w90 .w32+ .w32{ margin-top: 15px;}
    .contactIcon{ height: 20px; margin: 6px 0;}
    .contactBot .img,.contactBot .txt{ width: 100%;}
    .contactBot .txt{ padding: 20px;}
    .kefuBtn{ margin-top: 15px;}

    .gbookbOX .img img{ width: 100%; height: 200px; object-fit: cover;}
    .gbookbOX .txt{ padding: 20px 0;}
    .gbookbOX .txt .w48 + .w48{ margin-top: 16px;}

    .resultList li .yuan{ width: 30px; height: 30px;  }
    .resultList li .txt{ width: calc( - 35px);}

    .searcbinfoBox{ margin-top: 60px;}

    .proDl dt,.proDl dd{ flex-wrap: wrap;}
   
    .proDl dd div,.proDl dt div{ width: calc(100% / 3);}
    .proDl dt div:first-child,.proDl dd div:first-child{ width: 100%; border-bottom: 1px solid #e5e5e5;}
    .proDl dt div:first-child{    border-color: rgba(255, 255, 255, .15);}

	.subnavUl{ overflow: hidden; }
    .subnavUl a{ margin-right:0; }
}
   
}
.proDl dd:nth-child(2n-1){background-color: #f8f8f8;}

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