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

header .con{ padding: 0 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 calc((100vw - 1360px)/2);}


	.oneNav{ line-height: 90px;}
	.zwHeader{ height: 90px;}
	.zw{margin-top: -90px; padding-top: 90px;}
	.scroll-tip{    left: 7%;bottom: 2px;}


	.idxCustomers,.idxCustomersBot{ margin-top:-80px ;}
	.idxCustomers{ border-radius:80px ; -webkit-border-radius:80px ; -moz-border-radius:80px ; -ms-border-radius:80px ; -o-border-radius:80px ; }
	.idxCustomersBot{ height: 200px;}
	.aboutTitle .text-miao{font-size: 120px;}

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

	.contactUl li .round{ width:60px; height: 60px;}
	.messageBox .submit{ height: 50px;}

	.firstNav{line-height: 70px;  }
	.secondNav{ line-height: 70px;}
	.thirdNav{ line-height: 70px; }

 
}

@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);}
 
	header .con{ padding: 0 2vw;}
	.idxCustomers .Marquee_x ul li div{ height: 80px;width: 180px;}

	.oneNav{ line-height: 80px; font-weight: normal;}
	.zwHeader{ height: 80px;}
	.zw{margin-top: -80px; padding-top: 80px;}


	.logoImg{ height: 54px;}
	.idxEnTit{ font-size: 80px;}
	.idxGlobalUl li .dot_circle{ width: 7px; height: 7px;}
	.idxProductMore{ height: 54px;} 
	.ewmBox{ width: 120px;}
	.footerForm .submit{ width: 54px; height: 54px;}
	.idxResearchUl{ height: 625px;}
/* 
	.page-aside .item{ width: 75px;}
	.page-aside .con{ width: 75px;}
	.page-aside .item.tel{ transform: translateX(calc(100% -  75px)); -webkit-transform: translateX(calc(100% -  75px)); -moz-transform: translateX(calc(100% -  75px)); -ms-transform: translateX(calc(100% -  75px)); -o-transform: translateX(calc(100% -  75px)); } */

	.idxCustomers,.idxCustomersBot{ margin-top:-66px ;}
	.idxCustomers{ border-radius:60px ; -webkit-border-radius:60px ; -moz-border-radius:60px ; -ms-border-radius:60px ; -o-border-radius:60px ; }
	.idxCustomersBot{ height: 180px;}

	.aboutTitle .text-miao{font-size: 100px;}

	.honor .prev  { left: -28px;}
	.honor .next { right: -28px;}
	.prolist li .more{ height: 48px;margin-bottom:-24px}

	.proinfoOne .button a, .proinfoOne .button div{ height: 48px;}

	.askList li { margin-top: -15px;}
	.commonBtn { line-height:40px; ;    }    
	.commonBtn .t {  top: -40px;   }
	.commonBtn:hover .w { transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(20px) translateZ(-20px) rotate3d(1, 0, 0, -90deg); }
 
	.newsRightUl{   top: 90px;}
	.contactUl li .round{ width:56px; height: 56px;}
	.messageBox .submit{ height:46px;}

	.firstNav{line-height: 66px;  }
	.secondNav{ line-height: 66px;}
	.thirdNav{ line-height: 66px; }

	.idxBan .button{ width: 66px; height: 66px;}



}

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

	.idxCustomers .Marquee_x ul li div{ height: 60px;width: 140px;}


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

	.scroll-tip{ width: 56px; height: 56px; left: 7.5%;}
	.mouse-tip{    width: 20px;height: 30px;}

	.idxEnTit{ font-size: 60px;}
	.idxProductMore{ height: 48px;}
	.ewmBox{ width: 110px;}

	.idxBanImg{ height: auto;}
	.idxResearchUl{ height: 525px;}

	.idxCustomers,.idxCustomersBot{ margin-top:-55px ;}
	.idxCustomers{ border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ;}
	.idxCustomersBot{ height: 150px;}
	.aboutTitle .text-miao{font-size:85px;}
	.proinfoOne .button a, .proinfoOne .button div{ height: 40px;}

	.askList li { margin-top: -10px;}

	 
	.newsRightUl{   top: 80px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}
	.contactUl li .round{ width:50px; height: 50px;}
	.messageBox .submit{ height:42px;}
	
	.firstNav{line-height: 56px;  }
	.secondNav{ line-height: 56px;}
	.thirdNav{ line-height: 56px; }
	

	.idxBan .button{ width: 56px; height: 56px;}
}

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

	.idxCustomers .Marquee_x ul li div{ height: 50px;width: 100px;}

	.logoImg{ height: 40px;}
	.scroll-tip{ width: 42px; height: 42px;}
	.mouse-tip{ width: 18px; height: 30px; bottom: 7px;}
	.idxEnTit{ font-size: 45px;}
	.idxResearchUl{ height: 425px;}

	.idxCustomers,.idxCustomersBot{ margin-top:-35px ;}
	.idxCustomers{ border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
	.idxCustomersBtnImg{ height: 80px;}
	.idxCustomersBtnRIght{ width: auto;}
	.idxCustomersBot{ height: 100px;}
	.idxGlobalText{ width: 50%;}
	.aboutTitle .text-miao{font-size: 70px;}

	.cpgxTable{ width: 100%;overflow-x: scroll;  }
	.cpgxTable::-webkit-scrollbar { height: 2px;}
	.cpgxTable::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.cpgxTable::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.tableBox{ min-width: 920px;}
	.tableBox .classNmae{ padding: 5px;}
	.prolist li{ width: 48%;  margin-right: 4%}
	.prolist li:nth-child(3n){ margin-right: 4%;}
	.prolist li:nth-child(2n){ margin-right: 0 !important;}
	.prolist li .more{ height: 40px; margin-bottom: -16px;}

 

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

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

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

 


	.proinfoOne .button a, .proinfoOne .button div{ height: 38px; width: 50%;}

	.askList li { margin-top: 5px;}
	.askList li .iconfont{ font-size: 20px;}
	/* .mucosalUl::after{  d} */

	.proLeft{ width: 100%; padding-bottom: 0;}
	.proRight{ width: 100%;}
	.proLeft ul{ display: none;}
	.proLeftTit{ margin-bottom: 0;}

	.iPad-wapFlex{ flex-direction: column;}

	.idxBan .button{ width:46px; height: 46px;}
	 
 
    
}
@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;}

	.idxCustomers .Marquee_x ul li{ padding: 10px 0;}
	.idxCustomers,.idxCustomersBot{ margin-top:-20px ;}
	.idxCustomers{ border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; }

	header .con{ padding: 0  0 0 20px;}
	.idxEnTit{ font-size: 36px;}
	.idxResearchsmallTit{ position: relative; left: auto; padding-left: 20px; width: 100%; top: auto;}
	.idxResearchsmallTit .icon-yuanjiaowubianxing{ font-size: 42px;}
	.idxResearch .conText{ padding-left: 20px; margin-top: 25px;}
	.idxResearchUl{ height: 300px;}
	.idxResearchUl a{ width: 240px;}
	.idxCustomersBtnRIght{ padding-top: 10px; padding-bottom: 10px;}
	.idxGlobalMap{ position: relative; margin-top: 20px; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxProductSwiper .swiper-slide .desc{ height: 6em;}
	.idxProductSwiper .swiper-slide .img{ height: 200px;}
	.mypagination .swiper-pagination-bullet{ margin: 0 4px;}
	.idxProductMore{ height: 40px;}

	footer .top{ padding: 15px 0;}
	footer .center .inner{ align-items: center; justify-content: center;}
	footer .center .w40{ width: auto;}
	footer .bottom{ text-align: center;}
	/*
	.page-aside .item,.page-aside .con{ width: auto; font-size: 10px;}
	.page-aside .iconfont{ font-size: 20px;}
 .ewmBox{ margin-left: auto; margin-right: auto;} */

	.aboutTitle .text-miao{font-size:50px;}

	.briefTit{ display: flex;}
	.briefTit div{ padding-left: 10px;}

	.brief{ height: auto;}
	.brief .pic video.mm {display: block !important;}
	.brief .pics {
		height: auto;
		position: static;
		width: 100%;
	  }
	
	  .brief .pic {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 45vw;
		border-radius: 0;
		transform: translate(0, 0);
	  }
	
	  .brief .pic video {
		border-radius: 0;
	  }
	
	  .brief .pic .btn {
		display: block !important;
		border-radius: 50%;
		background-color: #fff;
		width: 40px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	  }
	
	  .brief .pic .btn img {
		position: relative;
		z-index: 2;
	  }
	
	  .brief .pic .btn:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		border-radius: 50%;
		width: 70%;
		height: 70%;
		animation: myfirstzx 1.5s linear infinite;
	  }
	
	  .parallaxw {
		width: 100% !important;
		height: 100% !important;
	  }

	  .values .button{ position: relative; left: auto; right: 0; bottom: auto;}
	  .mySwiperBtn{ width: 40px; height: 40px;}
	  .historyUl li .years{ bottom: auto; top: auto; left: auto; right: auto; position: relative;}

	  .history .circle {width:66vw;height: 15.625vw;margin:60px auto 0;  }
	  .history .circle:before { width:66vw;height:66vw; }
	  .history .circle .img-box {width:66vw;height:66vw;  }
	  .history .circle .items {width:66vw;height:66vw;  }
	  .history .circle .item span{ font-size: 22px;}

	  .mucosalUl li + li{ margin-top: 10px;}
	  .mucosalUl li + li{ margin-right: 0;}

	  .proinfoOne .text{ padding-left: 20px;}

	   
	  .contactUl li .round{ width: 42px; height: 42px;}
	  .contactUl .left{ flex-wrap: wrap;}
	  .contactUl li .DIN{ padding-left: 50px; line-height: 2;}
	  .mapBox{ height: 320px;}
	  .messageBox .submit{ width: 48%;}

	  .joblist .top .btn{ width: 100%; justify-content: flex-end; margin-top: 10px;}
	.joblist .top .btn span{ padding-top: 10px; padding-bottom: 10px;}
	.joblist li .top  .line-height1{ line-height: 2;}
	.cpgxTable .shouBox{ width: 100%; position: sticky; left: 0; bottom: 0;}

	.firstNav{line-height: 46px;  }
	.secondNav{ line-height: 46px;}
	.thirdNav{ line-height: 46px; }
	
}

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

	.prolist li,.downList li,.newslist li{ width: 100%;  margin-right: 0 !important; padding-bottom: 20px; }
	.prolist li .more{ width: 60%; margin-bottom: 0;}
	.downList li .tit{ height: auto;}

	.joblist .top .btn span{ padding-top: 7px; padding-bottom: 7px;}
 
}

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