@media screen and (max-width:1720px) {
    .w90{ width: 90%; }
    .w76{ width:80%; }
    header{ padding-left: 50px;}
    nav li{ padding: 0 15px;}
    nav li a.oneNav{ font-size: 16px;}
    .logo{ width: 190px;}
  
}
@media screen and (max-width:1440px) {
    .language{ height: 80px;}
    nav li a.oneNav{ line-height: 80px;}
    .banner{ margin-top: 80px;}
    .logo{ width: 160px;}
    body{ font-size: 14px;}
    .w90{ width:90%; }
    .w76{ width:90%; }
    header{ padding-left: 20px;}
    nav li{ padding: 0 15px;}

   
}

@media screen and (max-width:980px) {
    .wapShow{display: block;}
    nav{
        position: fixed;
        top: 60px;
        right: 0;
        width: 100%;
        height: calc(100vh - 60px);
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        flex-direction: column;
        transform:translateX(100%) ;
        transition:all .6s ;
        -webkit-transform:translateX(100%) ;
        -moz-transform:translateX(100%) ;
        -ms-transform:translateX(100%) ;
        -o-transform:translateX(100%) ;
        -webkit-transition:all .6s ;
        -moz-transition:all .6s ;
        -ms-transition:all .6s ;
        -o-transition:all .6s ;
}
    nav.show{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
    .h_nav.close{align-items: center; justify-content: center;}
    .h_nav {display: flex; }
    nav li{ border-bottom: 1px solid #e5e5e5; padding: 0 20px;}
    nav li a.oneNav{ line-height: 60px; display: block;}
    nav li .iconfont{  width: 60px; height: 60px; position: absolute; right: 10px; top: 0; font-size: 22px; display: flex; align-items: center; justify-content: center;}
    nav  li dl{ width: calc(100% - 40px);min-width:80%; box-shadow: 0  0 10px rgba(0, 0, 0, .1); display: none; text-align: left; z-index: 10; top: 60px; visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-filter:alpha(opacity=100); }
    nav  li dl:before{ display: none;}
    nav li dl dd a{ padding-left: 15px;}
    .banner{ margin-top: 60px;}
    .banner.container{width: 100%;}
    
    nav{background: none;}
    #top-menu{flex-direction: column; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); align-items: inherit; border-top: 3px solid #000000; background: #ffffff; padding:1% 4%; box-sizing: border-box; width: 90%; margin: 0 auto;}
    nav li{ text-align: left; padding: 0;}
    nav li dl{display: block; position: inherit;transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-webkit-filter: alpha(opacity=100); left: 0; top: 0; width: 100%;padding: 0 0 10px; background: none; box-shadow: none;}
    nav li .iconfont{display: none;}
    nav li a.oneNav{line-height: 50px;}
    nav li:last-of-type{border: none;}
    
    .container{width: 94%;}
    .main-content{margin-top: 70px;}
    .page_news .title{padding: 30px 0;}
    .page_news_list{justify-content: space-between;}
    .page_news_list li{     margin:20px 10px;   }


    /* .page_news_list li{width: 48%; margin-left: 4%; margin-bottom: 8%;}

    .page_news_list li:nth-child(3n+1){margin-left: 4%;}
    .page_news_list li:nth-child(2n+1){margin-left: 0;} */
    
    .page_Projects {padding-top: 20px;}
    .page_Projects .item{width: 30%; margin-left: 4.5%; margin-bottom: 4%;}
    .page_Projects .item:nth-child(4n+1){margin-left: 4.5%;}
    .page_Projects .item:nth-child(3n+1){margin-left: 0;}        header nav .language{display: none;}    .molanguage{display: flex;}
}

@media screen and (max-width:767px) {
	.page_Projects .item{width: 47%; margin-left: 6%;}
    .page_Projects .item:nth-child(3n+1){margin-left: 6%;}
     .page_Projects .item:nth-child(2n+1){margin-left: 0;}
     .page_Projects_dis{flex-direction: column;}
     .page_Projects_dis .Left{width: 100%; margin-left: 0;}
     .page_Projects_dis .Right{width: 100%;}
     .fancybox-nav span{visibility: visible;}
     .page_honor .item .img{height: auto;}
     #logo{height: 35px;}
}
@media screen and (max-width:640px) {
	/* .page_news_list li{width: 100%; margin-left: 0;}
 .page_news_list li:nth-child(3n+1){margin-left: 0;} */
 
     .page_about .center{flex-direction: column;}
     .page_about .center .div1{width: 100%;}
     .page_about .center .div2{width: 100%;}
     .page_about .top .title{font-size: 30px; padding-top: 20px;}
     .page_about .top .text p{font-size: 14px;}
     .page_about .center .text p{font-size: 14px;}
     .page_about .center{margin: 20px 0;}
     
     .page_Projects_dis{flex-direction: column;}
     .page_Projects_dis .Left{width: 100%; margin-right: 0;}
     .page_Projects_dis .Right{width: 100%;}
     
     .page_Projects .item{width: 100%; margin-left: 0;}

     .page_Projects .item:nth-child(3n+1){margin-left: 0;}
     .page_news_dis{flex-direction: column;}
	.page_news_dis .Left{width: 100%; margin-right: 0;}
	.page_news_dis .Right{width: 100%;}
	.page_news_dis .Right .title{font-size: 22px;}
	.page_news_dis .Right .banner.container .pc-show{display: block;}
	.page_news_dis .Right .banner{margin: 30px auto;}
	.page_news_dis{padding: 0;}
	.page_honor .item .img{height: auto;}

   
    
 }
 @media screen and (max-width:450px) {
    
    .page_news_list li{  margin: 0; margin-bottom: 20px;}
  }