@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);}
.newsSwiper .swiper-slide{ height: 450px;}
.patentSwiper .swiper-slide{ border-width: 8px;}




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

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

	.oneNav{ line-height: 90px;}
	.newsSwiper .swiper-slide{ height: 400px;}

	.idxBan,.idxBan .swiper-slide,.neiBan{   height: calc(100vh - 90px);  }
	.patentSwiper .swiper-slide{ border-width: 6px;}

	.subNav a{  height:80px; }

	.strategySwiper .swiper-slide .text .icon{ height: 70px;}

 
	.ourProUl{ grid-gap: 30px; }


}

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

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

	.subNav a,.proSub a{  height: 70px; }

	.strategy .btn.prev{ left: 15%;}
	.strategy .btn.next{ right: 15%;}

	.strategySwiper .swiper-slide .text .icon{ height: 66px;}

	.ourProUl{ grid-gap: 20px; }
 
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner,.samllinner{ width:88%;   margin: 0 auto;  }
	 .pl-inner,.pl-samllinner{ padding-left: 6vw;}
	 .pr-inner,.pr-samllinner{ padding-right:6vw;}
	 .ml-inner,.ml-samllinner{ margin-left:6vw;}
	 .mr-inner,.mr-samllinner{ margin-right:6vw;}

	.oneNav{ font-size: 16px;}
	.oneNav{ line-height: 80px;}
	.logoImg{  height: 50px;}
	.oneNav span::after{ height: 1px;}
	.footLogo{ height: 58px;}
	.idxBan,.idxBan .swiper-slide,.neiBan{   height: calc(100vh - 80px);  }

	.newsSwiper .swiper-slide{ height: 360px;}
	.patentSwiper .swiper-slide{ border-width: 5px;}

	.subNav a,.proSub a{  height: 60px; }

	.strategy .btn.prev{ left: 10%;}
	.strategy .btn.next{ right: 10%;}
	.strategySwiper .swiper-slide .text .icon{ height: 60px;}

	.newslist li{  width: calc((100% - 60px)/3); margin-right: 30px;}
	.newslist li:nth-child(3n){ margin-right: 0;} 
 
	.ourProUl{ display: grid; grid-gap: 10px; grid-template-columns: repeat(3,1fr);}

}

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

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

 
	.logoImg{ height: 42px;}
	.oneNav{ line-height: 70px;font-size: 14px;}
	.idxBan,.idxBan .swiper-slide,.neiBan{   height: calc(100vh - 70px);  }

	.newsSwiper .swiper-slide{ height: 300px;}

	.patentSwiper .swiper-slide{ border-width: 3px;}
	.subNav a,.proSub a{  height: 50px; }

	.strategySwiper .swiper-slide .text .icon{ height: 40px;}

	.newslist li{  width: calc((100% - 30px)/2); margin-right: 30px;}
	.newslist li:nth-child(3n){ margin-right: 30px;} 
	.newslist li:nth-child(2n){ margin-right: 0;} 

	.ourProUl{ display: grid; grid-gap: 35px; grid-template-columns: repeat(2,1fr);}
	.ourProUl .item .img{ height: 158px;}

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

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

	header .inner{ width: 100%; padding-left: 20px;}
	.idxAbout{ height: auto ; padding-bottom: 0;}
	.idxAboutMen{ position: relative;bottom: auto; right: auto; height: 200px; margin-left: 40%;}
	.idxAbout .logoIco{ opacity: .5;}
	.idxKy li.on, .idxKy li:hover{ width: 100%;}
	.idxKy li{ height: 260px;}
	.idxNews .button div{ width: 40px; height: 40px;}
	.idxHMOs{ height: 320px;}

	.idxProSwiper .swiper-slide{ height: auto; padding-bottom: 25px;}
	.idxProSwiper .swiper-slide .img{ width: 100%; height: 250px;}

	.footLogo{ height: 42px;}
	.idxProTit{ margin-right: 50px;}
	.idxProTit li{ margin-left: 50px;}

	.HMOsList .img{ height: 200px;}


	.idxBan,.idxBan .swiper-slide,.neiBan{  height: 60vh;  }

	.patent .button{ width: 40px; height: 40px;} 
	.patent .button.prev{ margin-left: -10px;}
	.patent .button.next{ margin-right: -10px;}

	.proClassUl li .img{  padding-bottom: 60%;}
	.proClassUl li + li{ margin-top:15px;}

	.proinfoTitle .w25{ width: 33.3%;}
	.proinfoImg .w40{ margin-left: 0; margin-top: 10px;}

 
	.subNav,.proSub  {  width: 100%;  overflow-x: scroll;  justify-content: flex-start;}
.subNav::-webkit-scrollbar,.proSub::-webkit-scrollbar { height: 2px;}
.subNav::-webkit-scrollbar-thumb,.proSub::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
.subNav::-webkit-scrollbar-track,.proSub::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	 
	.subNav li{ padding: 0 20px;}
	.subNav li.on{ background: var(--color); color: #fff;}
	.subNav li  a::after{  display: none !important;}
	.honorRight{ height: 200px;}

	.proSub a{ padding: 0 20px;}

	.businessUl li{ width: 100%;}
	.businessUl:hover  li:not(:hover)  { width: 100%; }
	.businessUl li.on,.businessUl li:hover{ width: 100%;}
	.businessUl li{ height: 300px;} 
	.honorleft{ padding-left: 20px;} 
	.yearsSwiper{     }
	.historyRightSwiper .swiper-slide .img{ height: 120px;}

	.history .button { position: absolute; width: 100%; bottom: .5em;left: 0; align-items: center; justify-content: center; flex-direction: row;}
	.history .button .btn{  width: 40px; height: 40px;}
	.history .button .btn + .btn{ margin-top: 0; margin-left: 15px;}
	.history .button .btn.prev{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
	.history .button .btn.next{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }

	.introduceR{ height: auto;  margin-top: 25px;}
	.introduceR .posi-a{  position: relative; left: auto; top: auto;}
	.introduceInfo{ padding-right: 0;}

	.culture { flex-wrap: wrap;}
	.culture li{ padding-left: 2px; padding-right: 2px; width: 50%; height: 250px; border-bottom: 1px solid rgba(255, 255, 255, .2);}


	.strategySwiper .img{ padding-bottom: 70%;}
	.strategySwiper .swiper-slide .text .con{   width: 100%;}
	.strategySwiper .swiper-slide .text .icon{  display: none;}

	.childOne .right-box .font-image img{ width:80%;}
	.childOne .con .w45 img{ width: 60%;}

	.childThere .right{ padding-left: 20px;}
	.childFourUl li.on,.childFourUl li{ width: 100%; height: 250px;}
	.childFourUl li .desc{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
	.childFiveImg{ width: 100%; height: 300px; object-fit: cover;}
	.childFive{ padding-top: 100px; background-image: linear-gradient(to right,#a4c5fb,#d9e8ff,#a4c5fb);}
	.wap-60{ width: 60%;}
	.childLogo{ height: 50px;}
	.childContact .con .w60{ padding-left: 20px; padding-right: 20px;}
	h1,h2{ font-size: 1.2em;}

	.breastMilkUl li{ margin-top: 32px;}
	.breastMilkUl li img{ height: 42px;}

	.ourProUl .item{ padding-bottom: 10px;}

	.idxKy li .idxKyImg{ width: 100%;}

}

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


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

	.ourProUl{ display: grid; grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.ourProUl .item .img{ height: 138px;}
}

@media screen and (min-width:1100px) { }
@media screen and (min-width: 500px) and (max-width: 900px) {
    /* 在这里定义宽度在500px到900px之间的样式 */
}