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

	.inner{ width:1480px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1480px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1480px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1480px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1480px)/2);}
}
@media screen and (max-width:1660px) {

	.inner{ width:1360px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1360px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1360px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1360px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1360px)/2);}


	header .con{ padding: 0 2vw;}
	.headerSearch{ width: 80px;}
	.oneNav{ line-height: 80px;}
	.logoImg{ height: 48px;}

	
	.zwHeader{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}

	.newsRightUl{   top: 100px;}
	.newsRightUl a .img{ width: 165px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 190px);}

	.newsNav{   margin-top: -81px;}
	.newsNav a{ height: 80px;   }
}

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

	body{ font-size: 14px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}


	.footerForm .submit{ height: 42px;} 
 
	.idxBan .text{ padding-left: 2vw;}
	.idxBan .banIcon{ height: 76%; top: 15%; margin-right: 2vw;}
	.f200{ font-size: 160px;}
	.idxbanMore .right{ width: 30px; height: 30px;    margin-left: 70px;}
	.idxproImg{ width: 520px; height: 520px;}
	.idxProUl li i{ width: 6px; height: 6px;}
	.idxProUl li::before{ left: 3px;}
	.idxCooSwiper{ height: 590px;}
	.idxMore{ height: 56px;}
	.ewmBox{ width: 130px;}
	.idxbanMore{    padding: 10px 15px;}

	.sinceText{ font-size:190px ;}
	.purposeUl li .purposeIcon{ height: 40px;}

	.honor .next{ right: -30px; background: #fff;}
	.honor .prev{ left: -30px;background: #fff;}

	.purposeUl{ width: 66%;}
	.purposeUl li .purposeIcon{ height: 40px;}
	.prolist li{ margin-right: 50px; width: calc((100% - 100px)/3);}
	.prolist li .button a{ height: 56px;}

	.logolist .item{ height: 120px;}
	.applistIcon{ height: 58px;}

	.newsRightUl{   top: 90px;}
	.newsNav{   margin-top: -71px;}
	.newsNav a{ height: 70px;   }
 

	.idxClassUl a .img{height: 100px; }
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}
	.headerSearch{ display: none !important;}

	.oneNav{ line-height: 70px; font-size: 16px;}
	.logoImg{ height: 42px;}	
	.zwHeader{ height: 70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.zw{ margin-top: -70px; padding-top: 70px;}

	.banImg{ height: 70vh;}
	.f200{ font-size: 120px;}
	.idxBan .text{ padding-left: 6vw;}
	.idxBan .banIcon{ margin-right: 6vw;}
	.idxMore{ height: 50px;}
	.idxproImg{ width: 420px; height: 420px;}
	.mySwiperBtn{ width: 54px; height: 54px;}
	/* .idxCooSwiper .swiper-slide{    height: calc(100% / 4);} */
	.idxCooSwiper{ height: 500px;}
	.ewmBox{ width: 110px;}

	.sinceText{ font-size: 120px;}
	.purposeUl li{ height: 70vh;}

	.subNavUl{    grid-gap: 30px 5px;grid-template-columns: repeat(8, 1fr);}
	.prolist li{ margin-right: 40px; width: calc((100% - 80px)/3);}
	.prolist li{ margin-right: 20px; width: calc((100% - 40px)/3);}

	.logolist .item{ height: 100px;}
	.applistIcon{ height: 50px;}


	.newsRightUl{   top: 80px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}

	.newsNav{   margin-top: -61px;}
	.newsNav a{ height: 60px;   }

	.searchbigBox{  margin-top: -70px;}

	.idxClassUl a .img{height: 80px; }
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

	.idxBan .text{ padding-left: 2vw;}
	.idxBan .banIcon{ margin-right: 2vw;}

	.idxProUl{ padding-bottom: 18px;}
	.idxproImg{ width: 380px; height: 380px;}
	.idxMore:hover{ transform: translateX(15px); -webkit-transform: translateX(15px); -moz-transform: translateX(15px); -ms-transform: translateX(15px); -o-transform: translateX(15px); }
	.idxCooSwiper{ height: 400px;}

	footer .center .w35{ width: 100%;}
	.ewmBox{ width: 100px;}
	.sinceText{ font-size: 99px;}
	.honor .next{ right: 0; background: #fff;}
	.honor .prev{ left: 0;background: #fff;}

	.subNavUl{    grid-gap: 20px 5px;grid-template-columns: repeat(7, 1fr);}
	 

	.prolist li{ margin-right: 30px; width: calc((100% - 30px)/2);}
	.prolist li:nth-child(3n){ margin-right: 30px;}
	.prolist li:nth-child(2n){ margin-right: 0 !important;}
	.prolist li .button a{ height: 46px;}

	.newslist li{ width: 48%; margin-right: 4%;  }
	.newslist li:nth-child(3n){ margin-right: 4%}
	.newslist li:nth-child(2n){ margin-right: 0 !important;}

	.newsNav{   margin-top: -41px;}
	.newsNav a{ height: 40px;   }
	.searchbigBox{  margin-top: -50px;}

	.idxClass form .submit{ width: 40px; height: 40px;}
	.idxClass form .keys{ width: 220px;}
	.idxClassUl a .img{height: 60px; }
.idxClassUl a  {width:calc((100% - 50px)/3) ; margin-right: 25px;}
.idxClassUl a:nth-child(6n){ margin-right: 0;}
.idxClassUl a:nth-child(3n){ margin-right: 0;}
    
}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	.iconfont{ font-size: 16px;}
	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	header .con{ padding:  0 0 0 20px;}
	.logoImg{ height: 38px;}
	.idxBan .text{ padding-left: 20px; z-index: 22;}
	.f200{ font-size: 54px;}
	.banImg{ height: 52vh;}

	.zwHeader{ height: 60px;}
	.zw{ margin-top: -60px; padding-top: 60px;}

	.idxBan .banIcon{ top: 17%; height: 66%; right: 0; display: inline-block;     }
	.idxbanMore{ padding: 6px 10px;}
	.idxbanMore .right{ margin-left: 50px; width: 26px; height: 26px;}
	.idxTitIcon{ height: 1.4em;}
	.idxAbout .text{ position: relative; top: auto; left: auto;}
	.idxMore{ height: 42px;}
	.idxAbout{ padding-bottom: 125px;}
	.idxProUl{ padding: 0; margin-top: 15px; z-index: 10; position: relative;  right: auto; top: auto; background: #fff; width: 100%; display: flex;}
	.idxProUl{  width: 100%;  overflow-x: scroll; }
.idxProUl::-webkit-scrollbar { height: 2px;}
.idxProUl::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
.idxProUl::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.idxProUl li{ padding-bottom: 0; padding: 10px 15px;}
	.idxProUl li::before{ display: none;} 
	.idxProUl li.on{ background: var(--blue); color: #fff;}

	.idxproImg{ width: 100%; height: 280px; padding: 25px;}
	.idxProSwiper .swiper-slide .text{ width: 100%; text-align: center;}
	.idxProSwiper .swiper-slide .text::after{ display: none;}
	.idxProSwiper .swiper-slide .text span{ padding-right: 0;}
	.idxProSwiper .button{ width: 100%; justify-content: center; margin-top: 15px; position: relative; right: auto; bottom: auto; z-index: 20;}
	.mySwiperBtn{ width: 40px; height: 40px;}
	.idxCooSwiper{ height: 210px;}
	.idxCooSwiper .swiper-slide{ height: calc(100% / 3);}
	.idxCoo .pagination .swiper-pagination-bullet,.mypagination  .swiper-pagination-bullet{ margin: 0 2px; width: 6px; height: 6px;}
	.footerForm .keys{ width: 66vw;padding-left: 38px; }

	.ewmBox{ width: 90px;}
	footer  .bottom{ text-align: center;}
	.sinceText{ font-size: 50px;}
	.briefImgBox{ margin-top: -200px;}

	.purposeUl{ width: 100%; margin-top: 20px; flex-wrap: wrap;}
	
	.purposeUl li{ height: auto;flex: auto; width: 33.3%; border-top: 1px solid rgba(255, 255, 255, .15);}
	.purposeUl li .purposeIcon{ height: 26px;}
	.purposeUl li .icon{ width: 36px; display: none;}
	.purposeUl li .img::after{ display: none;}
 
	.purposeUl li.on::after{ width: 100%;}
	.subNav .left{ border-right: none; border-bottom: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: space-between;}
	.subNavIcon{ margin-top: 0; margin-right: 25px; height: 50px;}

	.subNav .right{ padding-top: 0;}
	.subNavUl{ display: flex; flex-wrap: wrap;grid-gap:inherit;}
	.subNavUl a{ margin-right: 25px; margin-top: 18px;}

	.proBrief .button a{ width: 50%; padding: 12px 0;}
	.pageScroll{ display: none !important;}

	.applistImg{ min-height: 220px; object-fit: cover;}
	.applistIcon{ height: 40px;}
	.logolist .item{ width: calc(100% / 3); height: 70px;}

	.mapBox{ height: 300px;}
	.searchbigBox{ margin-top: -40px;}
	.searchbigBox .input { width: 80%;}
	.searchbigBox button{ width: 20%;}


	#wonder{ opacity: .2;}
	.page-aside .con{ width: 40px;}


	.idxProSwiperBg{ width: 90vw; left: 5vw;}
	

}

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

	.prolist li{ margin-right: 0 !important; width:100%;}
	.newslist li{ width:100%; margin-right: 0 !important;  }
}

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