@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);}


	.logoImg{ height: 60px;}
	.oneNav{ line-height: 90px;}
	.languageBtn{ height: 90px;}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{ height: 90px;}

	.yearsUl span{     font-size:180px;  }

	.prolsit li{ width: calc((100% - 70px)/3) ; margin-right: 35px;}

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


}

@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);}

	.logoImg{ height:55px; padding: 0 1.6vw;}
	.oneNav{ line-height:  80px;}
	.languageBtn{ height: 80px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}

	.idxBan .next, .idxBan .prev{ width: 65px; height: 55px;}

	.idxStarForm .submit { width: 50px; height: 50px;}
	.idxNews .button div{    width: 80px;    height: 42px;	}

	.numUlIcon{ width: 35px;}

	.yearsUl span{     font-size:160px;  }



	.xgPro .button div{    width: 80px;    height: 42px;	}
	.newslist li{ width: calc((100% - 120px)/3); margin-right: 60px;}

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

	
.contactStyleIcon{ width: 60px;}
.contactEwm{ width: 130px; }

     
}

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

	.headerTel{ display: none;}
	header .con{ padding: 0 20px;}
	.oneNav{ font-size: 16px;}

	.idxStarForm .submit{ width: 42px; height: 42px;}
	.idxStarRight .img{ padding-bottom: 66%;}

	.numUlIcon{ width: 30px;}
	.aboutPlay img{ width: 100px;}

	.footEwm .img{ width: 110px;}
	.footNav dt::after{    left: -10px;width: 2px }
	.footNav dl{ margin-right: 4.5vw;}

	.idxLogo .x-li{ height: 90px; width: 213px;} 
	.idxHonor{ margin-top: 0;}

	.logoImg{ height: 45px;}
	.yearsUl span{     font-size:130px;  }
	.briefNumUl li img{ height: 35px;}

	.banMouse img{ width: 40px;}

	.prolsit li{ width: calc((100% - 60px)/3) ; margin-right: 30px;}

	.proLeft{ width: 300px;}
	.proRight{ width: calc(100% - 300px);}
	.processUl li .processIcon{ height:50px;}

	.newslist li{ width: calc((100% - 70px)/3); margin-right: 35px;}

	.contactStyleIcon{ width: 55px;}
.contactEwm{ width: 120px; }

}

@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 .next, .idxBan .prev{ width: 60px; height: 50px;}
	.idxStarRight .desc{-webkit-line-clamp:1}

	.yearsUl span{     font-size:100px;  }
	.PhilosophyUl li .round{ width: 27px; height: 27px;}
	.PhilosophyUl::after{ top: 13px;}

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

	.processUl li .processIcon{ height:40px;}

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

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


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


	.logoImg{ height: 40px;}
	header .con{ padding: 0 0 0 5px;}

	.idxMore{ padding-right: 5px;}
	.idxMore .round{ width: 32px; height: 32px;}
	 
	.idxBan .next, .idxBan .prev {
		width: 35px;
		height: 30px;
	}
	.idxTitIcon{ height: 18px;}
	.idxStarLeft .text{  width: 90%;}

	.idxStarRightBox .button{ font-size: 26px;}
	.numUlIcon{ width: 22px;}
	.aboutPlay img{ width: 80px;}

	.idxAbout{ padding-bottom: 88px;}
	.idxLogo .x-li{ width: 142px; height: 60px;  }
	.idxLogo{ transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); }

	.idxHonor{ margin-top: -25px;}
	.idxHonor .pagination .swiper-pagination-bullet{ width: 15px; height: 15px;}

	.idxNews .button div{    width: 60px;    height: 32px;	}
	.footEwm{ margin-top: 12px;}
	.footEwm .img{ width: 90px;}
	.footLogo{ width: 40vw;}

	footer  .bottom{ text-align: center;}
	.page-aside-item{ width: 40px; height: 38px;}



	.historyCon{  background: url(../images/about4line2.png)  repeat-x bottom left; padding-bottom: 30px;}
	.yearsUl span{ font-size: 60px; margin-bottom: 15px;} 
	.historySwiper .swiper-slide::after{    width: 5px;height: 10px;top: 8px;}
	.historySwiper{ height: auto;}
	.historySwiper .swiper-slide .DIN{ font-size: 22px; margin-bottom: 8px;}
	.history{background: url(../images/historyBg.jpg) no-repeat center bottom; background-size: auto;}

	.briefNumUl li{ height: 120px; margin-bottom: 8px;}
	.briefNumUl li img{ height: 30px;}


	.Philosophy{ padding-bottom: 0;}
	.PhilosophyUl{  padding-bottom: 25px;}
	.PhilosophyUl li{ display: flex; align-items: flex-start;}
	.PhilosophyUl li .text{ margin-top: 0; margin-left: 20px;}
	.PhilosophyUl li + li{ margin-top: 25px;}
	.PhilosophyUl li .round{ width: 22px; height: 22px;}
	.PhilosophyUl::after{ width: 1px; height: 100%; left: 10px; top: 0;}
	.Certification{ padding-top: 35px;} 


	.proLeft{ width: 100%;}
	.proRight{ width: 100%;}

	.prolsit li{ width: calc((100% - 15px)/2) ; margin-right:15px;}
	.proNav{ display: none;}
	.xgPro .button div{    width: 60px;    height: 32px;	}

	.proInfoLine::after{ width: 2em; height: 2px;}

	.messages .button  .w20{ width: 40%;}
	.messages .line-height2-8{  line-height: 2.4;}
	.messages .top{ padding-top: 0;}

	.processUl{ flex-wrap: wrap;}
	.processUl li{ flex: auto; width: 33.3%; padding: 30px 8px;}
	.processUl li .processIcon{ height: 30px;}
	.systemCon{ height: 200px;}

	.equipmentBtn{ width: 42px; height: 42px; position: relative; top: auto; transform: none; right: auto; left: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.equipmentBtn.next{ right: auto;}
	.equipmentBtn.prev{ left: auto; margin-right: 25px;}

	.equipment .button{ margin-top: 20px; display: flex; align-items: center; justify-content: center;} 
	.equipment{padding-bottom: 30px;}

	.idxProTit li{ padding: 0 1em; text-align: center;}

	.contactStyle  li{ display: flex; align-items: flex-start; padding: 20px 10px  ;  border-right: none; border-bottom: 1px solid #e5e5e5;}
	.contactStyleIcon{ width: 35px;}
.contactStyle li .text{ margin-top: 0; padding-left: 20px; width: 100%;}
.mapBox{ height: 320px;}
.gbook .button{ width: 40%;}
.contactEwm{ width: 100px;}

.idxBan .inner .w50{ width: 500%;}

.footTitle{ display: flex; align-items: center; justify-content: center;}
.footTitle p:last-child{ margin-left: 1em;}
 
.idxProTit li:nth-child(4) { display: none !important;}

}

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

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

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