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

	.topnav{ margin-top: -50px; }
	.topnav li{   height: 100px;}

}

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

	body{ font-size: 14px;}
	.w80{ width: 86%; }
	.aboutPlay img{ width: 130px;}
	.idxMore,.listproSwiper .more{ height: 48px;}
 
	.idxProimg img{ height: 600px;}
	.f360{ font-size: 240px; bottom: 34%;}
	.idxPro .prev, .idxPro .next{ width: 60px; height: 60px;}

	.topsearch{ height: 85px;}
	.oneNav{ line-height: 85px;}
	.topsearchBox{ top: 85px;}
	.headerTop{ height: 85px;}
	.topsearchKey{ height: 50px; width: calc(100% - 50px);}
	.topsearchSubmit{ height: 50px; width: 50px;}
	nav li dl{top: 85px;}

	.proInfoTop .img img{max-height: 500px;}
	.applylist li{ width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom: 40px;}

	.videolist li .btn{ width: 60px; height: 60px;}
	.videolist li{ width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 50px;}

	.newlistSwiper .img img{ height: 400px;}
	.newlistSwiper .prev, .newlistSwiper .next{ width: 48px; height: 48px;}
	.newlist li .img img{ height: 250px;}

	.neiBan .txt{ padding-top: 8%;}
	.culture li{ height: 70vh;}
	.culture li .yuan{ width: 80px; height: 80px;}
	.leftSwiper .swiper-slide-thumb-active span{ font-size: 80px;}
	.rightSwiper .years{ font-size: 100px;}
	.historyImg img{ height: 400px;}
	.leftSwiper{ height: 400px;}
	.honor .swiper-slide .item .img{ height: 360px;}
	.neiBan .paly{width: 80px; height: 80px;}

	.joblist li .top span{ line-height: 85px;}
	.ewmUl li img{ width: 120px;}
	.navIcon{ height: 50px;}
	.navwidht{ grid-template-columns: repeat(5,1fr);}
}

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

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

	 .topsearch{ height: 75px;}
	 .headerTop{ height: 75px;}
	 .oneNav{ font-size: 16px; line-height: 75px;}
	.topsearchBox{ top: 75px;}
	.idxProimg img{  height: 550px;}
	.f360{ font-size: 200px; bottom: 38%;}
	nav li dl{top: 75px;}

	 .w80{ width: 90%; }

	 .aboutPlay img{ width: 120px;}
	 .ewmTop a{ width: 30px; height: 30px;}
	 .ewmTop a .iconfont{ font-size: 16px;}
	 .ewmTopewm{ width: 120px;}
	 .banImg,#banSwiper{  height: auto;}

	 .idxProSwiper .bottom{margin-top: -80px;}

	 .listproSwiper .swiper-slide{ transform:scale(.75) ; -webkit-transform:scale(.75) ; -moz-transform:scale(.75) ; -ms-transform:scale(.75) ; -o-transform:scale(.75) ; }
	 .listproSwiper .swiper-slide.swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

	 .proInfoTop .img img{max-height: 460px;}

	 .downBtn{ width: 50px;}
	 .topnav{ margin-top: -40px; }
	.topnav li{   height: 80px;}
	.applylist li{ width: calc((100% - 50px)/3); margin-right: 25px; margin-bottom: 25px;}

	.videolist li .btn{ width: 50px; height: 50px;}
	.videolist li{ width: calc((100% - 40px)/2); margin-right: 40px; margin-bottom: 40px;}

	.newlistSwiper .img img{ height: 340px;}
	.newlistSwiper .prev, .newlistSwiper .next{ width: 42px; height: 42px;}
	.newlist li .img img{ height: 210px;}

	.honor .con{ padding-left:5vw}
	 .honor .swiper-slide .item .img{ height: 300px;}

	 
	.culture li .yuan{ width: 70px; height: 70px;}
	.leftSwiper .swiper-slide-thumb-active span{ font-size: 60px;}
	.rightSwiper .years{ font-size: 80px;}
	.historyImg img{ height: 300px;}
	.leftSwiper{ height: 300px;}
	.honor .swiper-slide .item .txt{ height: 80px;}
	.neiBan .paly{width: 70px; height: 70px;}
	.joblist li .top span{ line-height: 75px;}

	.ewmUl li img{ width: 100px;}

	.navIcon{ height: 40px;}
	.navwidht{ grid-template-columns: repeat(4,1fr);}
	
}

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

	.idxAbout{ padding-top: 55px;}
	header .right{ display: none !important;}
	.idxAboutTop{ margin-top: 0;}
	.idxAbout .bottom{ height: 420px;}
	.aboutPlay img{  width: 100px;}
	.idxProimg img{ height: 500px;}
	.f360{ font-size: 180px;}

	.w80{ width: 100%; padding: 0 3vw;}
	.idxPro .btn{ right: 3vw;}
	.banner .swiper-slide .txt{ padding-left: 3vw;}

	.proInfoTop .img img{max-height: 400px;}

	.downBtn{ display: none;}
	.applylist li{ width: calc((100% - 50px)/2); margin-right: 25px; margin-bottom: 25px;}
	.applylist li:nth-child(3n){ margin-right: 25px;}
	.applylist li:nth-child(2n){ margin-right: 0;}
    
	/* .videolist li .btn{ width: 40px; height: 40px;} */
	.videolist li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-bottom: 30px;}

	.newlistSwiper .img img{ height: 280px;}
	.newlistSwiper .prev, .newlistSwiper .next{ width: 38px; height: 38px;}
	.newlist li{ width: calc((100% - 50px)/2); margin-right: 25px; margin-bottom: 25px;}
	.newlist li:nth-child(3n){ margin-right: 25px;}
	.newlist li:nth-child(2n){ margin-right: 0;}
	.newlist li .img img{ height: 210px;}

	.honor .con{ padding-left:3vw}
	.neiBan .txt .flex-center-center.mt-70{ margin-top: 30px;}
	.culture li{ height: 55vh;padding-left:20px; padding-right: 20px;padding-top:10vh} 

	.leftSwiper .swiper-slide-thumb-active span{ font-size: 50px;}
	.joblist li .top span{ line-height: 65px;}

	.resultForm{ width: 90vw;}
	.navwidht{ grid-template-columns: repeat(3,1fr);}

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

	.w80,.w90{ width: 100%; padding: 0 20px;}
	body{ font-size: 12px;}
	header .logo img{ width: auto; height: 28px;}
	.footLogo img{ width: auto; height: 28px;}
	header .w90{ padding-right: 0; padding-left: 0;}
	footer .center dl{ display: none;}
	footer .bottom{ justify-content: center; align-items: center;}
	.ewmTopewm{ width: 110px;}
	nav{
		width: 100vw;
		height: calc(100vh - 60px);
		overflow: hidden;
		position: fixed;
		top: 60px;
		z-index: 100 ;
		right: 0;
		background-color: rgba(0, 0, 0, 1);
		flex-direction: column;
		transition:all .36s ;
		-webkit-transition:all .36s ;
		-moz-transition:all .36s ;
		-ms-transition:all .36s ;
		-o-transition:all .36s ;
		transform: translateX(104%);
		-webkit-transform: translateX(104%);
		-moz-transform: translateX(104%);
		-ms-transform: translateX(104%);
		-o-transform: translateX(104%);
	}
		nav.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
		nav li .oneNav span:after{ height: 1px;}
		.banner-pagination .swiper-pagination-bullet{ width: 20px; height: 20px; }
		.banner-pagination{ bottom: 20px !important;}
		.banner .swiper-slide .txt{ padding: 60px 20px 0;}
		.banImg, #banSwiper{ height: 340px;}
		.idxAbout{ padding-top: 0;}
		.idxAboutTop{ padding: 25px 0;}
		.aboutPlay img{ width: 70px;}
		.idxMore,.listproSwiper .more{ width: 120px; height: 38px;}

		.listproSwiper .more{ width: 70%;}
		.idxAbout .bottom{ height: auto; padding: 40px 0;background-attachment:scroll;  }

		.idxProimg img{ height: 300px; width: auto;}
		.idxPro .btn{ display: none;}
		.idxProSwiper .bottom{ margin-top: 0;}
		.f360{ font-size: 70px; bottom: 48%;}
		.idxPro .idxMore{ margin-top: 15px;}
		.idxProSwiper .bottom::after{ bottom: 15px;}

		header.bg .oneNav{ color: #fff;}
		.listproSwiper .swiper-slide{ transform:scale(.8) ; -webkit-transform:scale(.8) ; -moz-transform:scale(.8) ; -ms-transform:scale(.8) ; -o-transform:scale(.8) ; }
		.listproSwiper .swiper-slide.swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

		.headerTop{ height: 60px;}
		.proInfoTop .img img{max-height: 300px;}
		.proInfoTop .left .bottom{ position: relative;  left: auto; bottom: auto;  margin-top: 15px; z-index: 10;}
		.proInfoTop .left .top{ height: auto; padding-bottom: 15px; margin-top: 20px;}

		.proInRight{ display: none;}
		.neiBan .txt{ padding-top: 0; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
		.topnav{ margin-top: 0; width: 100vw; margin-left: -20px;}
		.topnav li{ height: 50px;}.topnav li img{ height: 20px;}
		.videolist li{ width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px;}

		.serveleft{ margin-top: 25px;}
		.serveRight{ display: flex; align-items: center; justify-content: center ; margin-top: 15px; }
		.serveRight img{ width: 50%; }


		.newlistSwiper .img img{ height: 200px;}
	.newlistSwiper .prev, .newlistSwiper .next{ width: 38px; height: 38px;}
	.newlist li .img img{ height: 230px;}
	.newlistSwiper .aniubtn{ display: none !important;}


	.newpage a{ width: 40px; height: 40px; 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;}
	.honor .con{ padding-left:20px}
	.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;}

	.profile::after{width: 100%; height: 200px;}
	.profile .desc{ width: 100%; }
	.jiejieBox{ padding-top: 150px;}
	.culture{ flex-wrap: wrap; padding: 20px 0;background-attachment:scroll}

	.culture li{ height: auto; padding:10px 20px; width: 100%;flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
	.culture li .f34{ white-space: nowrap; margin-left: 20px;}
	.culture li .line-height2-4.f22{ width: 100%;  text-align: left; margin-top: 15px;}
	.culture li .line{  display: none;}
	.hisLeft{  width: 100%;}
	.hisRight{ width: 100%;}

	.historyImg{ width: 100%;}
	.historyTxt{ width: 100%;}
	.hisRight .button,.leftSwiper{ display: none;}
	.historyImg img{ height: 200px;}
	.historyTxt{ padding: 0; margin-top: 15px;}
	.rightSwiper .years{ margin-bottom: 0; font-size: 50px;}
	.neiBan .paly{ width: 50px; height: 50px;}

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

	.mapBox{ height: 260px;}
	.contactSyle .left{ width: 100px;}
	.ewmUl{ margin-left: 0; margin-top: 20px;}
	.gbookBox .w31{ width: 100%;}
	.gbookBox .submit{  width: 100%; margin-top: 20px; margin-left: 0;}


	header.bg li.on .oneNav span, header.bg li:hover .oneNav span{ color: #fff;}
	.joblist .icon-xiajiantou1{ font-size: 14px;}

	.searcKey{width: calc(100% - 50px);}
    .searcSubmit{ width: 50px; height: 50px;}
    .resultList li .yuan{ display: none;}
    .resultList li .txt{ width: 100%;}

    
}

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

	.applylist li{ width:100%; margin-right: 0; margin-bottom: 18px;}
	.applylist li:nth-child(3n){ margin-right: 0;}
	.applylist li:nth-child(2n){ margin-right: 0;}
	.videolist li{ width:100%; margin-right: 0; margin-bottom: 18px;}

	.newlist li{ width: 100%; margin-right: 0; margin-bottom: 18px;}
	.newlist li:nth-child(3n){ margin-right: 0;} 
	.newlist li .img img{ height: 200px;}
}