@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);}
	.idxProCenter::after{ width: calc((100vw - 1350px)/2) ;}

	header{ padding: 0 5vw;}
	.logoImg{ height: 50px;}
	.zw{ padding-top: 90px; margin-top: -90px;}
	.oneNav{line-height: 90px;}
	.zwHeader{    height: 90px;}

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

	.sunNav a{ height: 70px;}

}

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

	body{ font-size: 14px }
	.inner{ width:1280px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1280px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1280px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1280px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1280px)/2);}
	.idxProCenter::after{ width:  calc((100vw - 1260px)/2) ;}
	header{ padding: 0 25px;}
	.logoImg{ height:45px;}
	.zw{ padding-top: 80px; margin-top: -80px;}
	.oneNav{line-height: 80px;  }
	.oneNav span::after{ height: 1px;}
	.zwHeader{    height: 80px;}

	.idxMore{ padding: 3px;}
	.newslist li{ width: calc((100% - 70px)/3); margin-right: 35px;}
 
	.logoImg{ height: 52px;}
	.idxproduct1 li{    width: calc((100% - 25px)/2);margin-right: 25px;}
	.idxproduct2 li{ width: calc((100% - 50px)/3); margin-right: 25px;}

	.team .prev{ left: -70px;}
	.team .next{ right: -70px;}

	.honor .prev{ left: -70px;}
	.honor .next{ right: -70px;}

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

	/* .prolist li{ width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px;} */
	.prolist li{ width: calc((100% - 50px)/3);  margin-bottom: 25px;}

	.newsRightUl{   top: 90px;}
	.srcachBox .keys{ width: calc(100% - 70px);}
	.srcachBox .submit{  height: 70px; width: 70px; }
	.brief .paly{ width: 80px;  height: 80px;    margin-left: -40px;margin-top: -40px;}

	.sunNav a{ height: 60px;}

	.brief .videoImg{ height:380px; }
	.brief .left::after{  height: calc(100% + 60px) ;  top: -30px;  }
}

@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;}
	 .idxProCenter::after{ width:  6vw ;}
 
	 .logoImg{ height: 40px;}
	.zw{ padding-top: 70px; margin-top: -70px;}
	.oneNav{line-height: 70px;}
	.zwHeader{    height: 70px;}
	

	.idxBanImg{ height: auto;}
	.idxbanMore{ padding-top: 10px; padding-bottom: 10px;}
	.idxbanMore .right{  width: 30px; height: 30px;    margin-left: 60px}

	.newslist li{ width: calc((100% - 50px)/3); margin-right: 25px;}
	.footContact .round{ width: 50px; height: 50px;}

	.idxproduct1 li{    width: calc((100% - 20px)/2);margin-right: 20px;}
	.idxproduct2 li{ width: calc((100% - 40px)/3); margin-right: 20px;}

	/* .prolist li{ width: calc((100% -45px)/4); margin-right: 15px; margin-bottom: 20px;} */

	.prolist li{ width: calc((100% - 40px)/3);  margin-bottom: 20px;}
	
	.prolist li .img{ padding-bottom: 70%;}

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

	.srcachBox .keys{ width: calc(100% - 50px);}
	.srcachBox .submit{  height: 50px; width: 50px; }

	.brief .videoImg{ height:320px; }
	.brief .left::after{  height: calc(100% + 40px) ;   top: -20px;  }
}

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

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

	/* .oneNav{    line-height: 70px;}
	.zwHeader{ height: 70px;}
	.zw{margin-top: -70px; padding-top: 70px;}
	.logoImg{ height: 45px;}
	.idxBan .button{ right: 20px;} */

	.newslist li{ width: 48%; margin-right: 4%;}
	.newslist li:nth-child(3n){ margin-right:4%;}
	.newslist li:nth-child(2n){ margin-right: 0;}
	.idxNews .newslist li:last-child{ display: none;}

	.prolist li{ width: 48%; margin-right: 4%; margin-bottom: 20px;}
	.prolist li:nth-child(3n){ margin-right: 4%;}
	.prolist li:nth-child(2n){ 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;}
	.idxProCenter::after{ width:  20px ;}

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


	.idxBan .button{ display: none;}
	.idxbanMore{ padding: 5px 10px;}
	.idxbanMore .right {width: 26px;height: 26px;margin-left: 50px;}

	.idxproduct1{ flex-wrap: wrap;}
	.idxproduct1 li{ width: 100%; margin-right: 0;}
	.idxproduct1 li + li{ margin-top: 18px;}
	.idxproduct2{ flex-wrap: wrap;}
	.idxproduct2 li{ width: 100%; margin-right: 0;}
	.idxproduct2 li + li{ margin-top: 18px;}
	.idxAboutlogoIcon{    height: 50px; }
	.idxMore::after{ width: 30px; height: 30px;   top: 3px; right: 3px;   }
	.idxMore .round{ width: 30px; height: 30px;}

	.idxWhyText{ width: 95%; right: 5%;}
	.idxWhyTitUl{ display: flex; width: 100%;}
	.idxWhyTitUl li{ background: #fff; text-align: center;   border-right: 1px solid #e5e5e5;}
	.idxWhyTitUl li.on { background: var(--green) ; color: #fff;}
	.idxWhyTitUl li.on i{ width: 0px;}
	.idxWhyRight{ padding-top: 0;}
	
	.footContact{ max-width: 100vw; margin-top: 15px;}
	.footContact .round{ width: 30px; height: 30px;}
	footer .bottom{ text-align: center; line-height: 2;}

	.briefLogo{ width: 60%;}
	.briefNum{ position: relative; left: auto; top: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.briefNum .numUl{  display: flex;}
	.briefNum .numUl li{ margin-top: 0; width: 50%;}
	.cultureUl li + li{ margin-top: 15px;}
	.values{ padding-bottom: 0;}
	.team .swiper-pagination{ bottom: 40px;}
 

	

	.proInfoOne .img img{ max-height: 300px;}
	.infoLine i{ height: 2px; top: 0px;}
	.proPage .w35{ width: 48%;}

	.appBox{ padding-left: 0; padding-right: 0;}
	.applist li{ flex-direction: column !important;}
	.applist li .right{ padding-left: 0; margin-top: 15px;}
	.applist li .right .font54{ margin-top: 0; margin-left: 15px;}
	.applist li .desc{ margin: 10px 0;}
	.applist li .font100{font-size: 42px;}

	.mapBox{ height: 300px;}
	.footLogo{ height: 40px;}

	.FloatingWindow2{ right: 5px;}
	.FloatingWindow2 .FloatingWindow2_clickTop{ width: 40px; height: 40px;}
	
	.brief .paly {width: 60px;height: 60px;margin-left: -30px;margin-top: -30px;}
	.brief .videoImg{ max-height: 300px;  }

	.sunNav a{ height: 50px; padding: 0 15px; margin-right: 0;}
	.sunNav{ width: 100vw; margin-left: -20px; margin-right: -20px;}
	.sunNav a::before{ display: none;}
	.sunNav a.on,.sunNav a:hover{  color: #fff; background: var(--blue);}

	.applist li .img{ width: 100%; height: auto;  }
	.idxProClass li{ text-align: center;}
	.brief .left::after{ display: none;}
}

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

	.prolist li{ width:100%; margin-right: 0 !important; margin-bottom: 20px;}
	.prolist li .img{ padding-bottom: 50%;}

	.newslist li{ width: 100%; margin-right: 0;}
	.idxNews .newslist li + li{ margin-top: 18px;}
}

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