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

}

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

	body{ font-size: 14px;}
	.w82{ width: 90%; }
	.oneNav{ line-height: 90px; font-size: 18px;}
	.searchBtn{ width: 90px; height: 90px;}
	.zwDiv{ padding-top: 90px; margin-top: -90px;}
	.zw{height: 90px;}
	.topsearchBox{   top: 100px;right: 0;  }
	.topsearchKey{ width: calc(100% - 60px); height:60px; } 
	.topsearchSubmit{  height: 60px; width: 60px;}
	.topsearchBox{ width: 400px;}

	.idxproList li .img{ height: 310px;}
	.idxproList li .btn a{ height: 38px;}

	.footpronav{ width: 250px;}
    .ewmUl img{ width: 110px;}


	.joblist .jobIcon{ width: 60px;}
	.joblist li .top .btn{ width: 130px;}

	.honor .prev, .honor .next{ width: 60px; height: 60px;}
	.honorUl .swiper-slide .img{ height: 320px;}

	.location{ line-height: 70px;}
	.homeIcon{ height: 22px;}
	.location .left{ width: 24vw;}
	.location .left .one{ width: 6vw;}
	.location .left .two{width: calc(100% - 6vw);}
	.subNav{ width: 76vw;}

	
	.mapbox{  height: 450px;}
	.banner .swiper-slide .txt .more{ width: 200px;}      
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .banImg{ height: auto;}
	 .oneNav{ line-height: 80px; }
	 .zw{height: 80px;}
	 .searchBtn{ width: 80px; height: 80px;}
	 .zwDiv{ padding-top: 80px; margin-top: -80px;}
	 .searchBtn{ display: none;}

	 .idxproList li .img{ height: 290px;}
	 footer dl{ display: none;}

	 .honorUl .swiper-slide .img{ height: 300px;}
	 .common.btn{ width: 150px; height: 40px;line-height:40px} 

	 .location{ line-height: 60px;}
	.location .left{ width: 20vw;}
	.location .left .one{ width: 5vw;}
	.location .left .two{width: calc(100% - 5vw);}
	.subNav{ width: 80vw;}

	.mapbox{  height: 400px;}
}

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

	.w82{ width: 96%; }
	header .con{ padding-left: 20px;}
	.oneNav{ line-height: 70px; }
	.zwDiv{ padding-top: 60px; margin-top: -60px;}
	.zw{height: 60px;}
	.logoImg{ height: 40px;}
	nav{ display: none !important;}
	.iPad-show{ display: block;}
	header.scroll li.on{color: #fff;}
	.common.btn{   height:38px;line-height:38px} 

	.idxproList li{ width: 48.5%; margin-right: 3%;}
    .idxproList li:nth-child(3n){ margin-right: 3%;}
    .idxproList li:nth-child(2n){ margin-right: 0;}

	.idxCooperate .w82{ height: auto;}
    .idxCooperate ul{display: grid; grid-gap: 1px; grid-template-columns: repeat(2,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:; }
    
	.idxNewUl li{ width: 48%; margin-right: 4%; margin-bottom: 25px;}
    .idxNewUl li:nth-child(3n){ margin-right:4%;}
    .idxNewUl li:nth-child(2n){ margin-right:0%;}

	.cultureUl li .txt{width: calc(100% - 54px);}

	.location .left{ display: none;}
	.subNav{ width: 100%;}
	.mapbox{  height: 350px;}

	.banner .swiper-slide .txt .more{ width: 160px;}    
	.banner-pagination .swiper-pagination-bullet{ width: 30px; height: 30px;}

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

	.w82{ width: 100%; padding: 0 20px;}
	body{ font-size: 12px;}
	.iconfont{ font-size: 14px;}
	.idxAbout .bottom{ flex-wrap: wrap; padding: 15px 0; margin-top: 20px;}
    .idxAbout .bottom li{ width: 50%; margin-bottom: 20px; padding: 0 10px;}
    .idxAbout .bottom li img{ height: 25px;}
    .idxAbout .bottom li:nth-child(2n)::after{ display: none;}

	.idxproList li{ width: 100%; margin-right: 0%;}
    .idxproList li:nth-child(3n){ margin-right: 0%;} 
    .idxproList li .img{ height: 220px;}
    .idxproList li .btn a{ width: 120px; height: 36px;}
	 

	.idxNewUl li .line-clamp2{ height: auto;-webkit-line-clamp:1}

	.ewmUl img{ width: 80px;}
    footer .bot{text-align: center; line-height: 2;}
    .ewmUl{ margin-top: 15px;}

	.joblist li .top .text{ padding-left: 0; line-height: 2;  }
	.joblist .jobIcon{  display: none;}
	.joblist li .top .btn{ width: 100px; height: 38px; margin-top: 8px; margin-left: calc(100% - 100px);}
	.joblist li .bottom{ line-height: 2;}
	.joblist li .bottom .left{ width: 100%; text-align: left;}
	.joblist li .bottom .right{ width: 100%; padding-left: 0;}
	.neiBan .txt{ padding-left: 20px; padding-right: 20px;}

	.cultureUl li .desc{ height: auto; margin-bottom: 20px;}
	.history .prev, .history .next,.honor .prev,.honor .next{ display: none !important;}
	.historyBot .round{ width: 30px; height: 30px;}
	.history .bottom::after{ top: 15px;}
	.honorTab{ margin-top: 18px;}
	.honorUl .swiper-slide .img{ height: 250px;}
	.common.btn{  width: 120px;}

	.subNav a{ flex: auto; padding: 0 20px; line-height: 50px;height: 50px;  white-space: nowrap;}
	.subNav{  width: 100%; overflow-x: scroll;   }
	.subNav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
	.subNav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: var(--blue); height: 1px; }
	.subNav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: transparent; height: 1px; }


	.newsinfotRight{ padding-left: 0;}
	.newsinfotRight{ border-left: none;}
	.newpage a + a{ margin-top: 10px;}

	.gbookItem{ width: 100%;}
	.gbookItem + .gbookItem{ margin-top: 15px;}

	.contactStyle li{ line-height: 2; display: flex; align-items: center; justify-content: flex-start; flex-direction: row;}
	.contactStyle li .iconfont{ margin-right: 10px;}
	.contactStyle li .mt-30{ display: none;}
	.proinfoSwiper .next,.proinfoSwiper .prev{ display: none !important;}

	.newsinfotRight .gallery-top .swiper-slide{ height: 280px;}
	.newsinfotRight .gallery-thumbs .swiper-slide{ height: 40px;}

	.idxNewUl li{ width: 100%; margin-right: 0; margin-bottom: 12px;}

	.mapbox{  height: 250px;}
	.neiline{ width: 50px;}
	.logoImg{ height: 30px;}
	.culture .top li{ width: 100%; height: 220px;  border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-right: none;}
	.culture .top .line{ height: 2px;}
	.banner .swiper-slide .txt .more{ width: 120px; height: 36px;}
	.banner-pagination .swiper-pagination-bullet{ width: 20px; height: 20px;}
	.banner-pagination{ left: auto; right: auto; width: 100%; display: flex; align-items: center; justify-content: center; border: 25px;}
}


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