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

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

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

	.proinfoTdIcon{ height: 90px;}

}

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

	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{ height: 80px;}
	.lanBtn{ height: 80px;}
	.oneNav{ line-height:80px; }
	.logoImg{ height: 50px;}

	.footEwm{ width: 125px;}

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

	.idxProBoxSwiper .prev  { left: -25px;}
	.idxProBoxSwiper .next { right: -25px;}


	.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); }
 
 
	/* .prolsit li{ width: calc((100% - 40px)/2); margin-right: 40px; margin-top:40px;} */
	.proinfoOne .text .button a{  height: 60px;}

	.caseinfoTit{ width: 12px;}

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

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

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

	footer{ border-width: 5px;}
	.proinfoTdIcon{ height: 80px;}

	.caselist li{ width: calc((100% - 80px)/3); margin-right: 40px;}

	.h-66{  height: 56px;}

}

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

	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.lanBtn{ height: 70px;}
	.oneNav{ line-height:70px; }
	/* .logoImg{ height: 60px;} */

	.footEwm{ width: 100px;}

	
	/* .prolsit li{ width: calc((100% - 30px)/2); margin-right: 30px; margin-top:30px;} */
	.proinfoOne .text .button a{  height:52px;}

	.caseinfoTit{ width: 10px;}

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

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

	footer{ border-width: 4px;}
	.proinfoTdIcon{ height:70px;}
	.caselist li{ width: calc((100% - 60px)/3); margin-right: 30px;}

	.h-66{  height: 50px;}
}

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

	.scroll-tip{ width: 56px; height: 56px;top: -50px;}
	.mouse-tip{ width: 20px; height: 30px;}


	.oneNav span::after{ height: 1px;}
	.idxBanImg{ height: auto;}
 
	.prolsit li{ width: calc((100% - 20px)/2); margin-right: 20px; margin-top:20px;}
	.prolsit li:nth-child(3n){ margin-right: 20px;}
	.prolsit li:nth-child(2n){ margin-right: 0;}
	.proinfoOne .text .button a{   width: 50% ;}

	.idxProBoxSwiper .prev  { left:0;}
	.idxProBoxSwiper .next { right: 0;}
	.caseinfoTit{ width:5px; border-radius: 5px 0 5px 0; -webkit-border-radius: 5px 0 5px 0; -moz-border-radius: 5px 0 5px 0; -ms-border-radius: 5px 0 5px 0; -o-border-radius: 5px 0 5px 0; }
	.newslist li{ width: calc((100% - 40px)/2); margin-right: 40px;  }
	.newslist li:nth-child(2n){ margin-right: 0;}

	.contactStyleIcon{ width: 40px;}

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

	.h-66{  height: 48px;}
	.detailProImg{ height: 280px;}
    
}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	.iconfont{ font-size: 1em;}
	.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;}

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

	header .con{ width: 100%; padding-left: 20px; padding-right: 0;}
	.logoImg{ height: 40px;}
	.idxProList li .top .idxProRight{ width: 22px;}
	.idxProList li .bottom .img{ height:100px;}
	 
	 
	.fixed-bg{ display: none !important;}

	.idxSolution{ background: url(../images/idxSolutionBg.jpg) no-repeat center center / cover;}
	.idxSolutionlist li{ margin-top: 50px;}
	.idxSolutionTitle{ position: relative; left: auto; top: auto; width: 100%; text-align: center;}
	.idxSolutionlist li .text{ text-align: left;}
	.wapW48{ width: 48%;}
	.idxProList .bottom .wapW48{ margin-top: 10px;}
	.idxAboutMap{ position: relative; left: auto; top: auto; right: auto; margin-top: 15px;}
	.idxAboutUl li .img{ padding-bottom: 80%;}
	.idxAboutUl li  + li{ margin-top: 15px;}
	.idxPartner .banner .swiper-container .swiper-wrapper .swiper-slide {width: 120px;height: 60px; padding: 10px; box-shadow:	0px 6px 8px 0px rgba(171, 171, 171, 0.3) ;}
	.idxPartner .x-li{ width: 120px;height: 60px;}
	.str_wrap img {
		 max-width: 80%; max-height: 80%;
	}

	.morebtn{ width: 130px; height: 40px;}
	.footEwm{ margin-top: 10px;}
	.footEwm img { width: 100px;}

	.wapIdxPaddingle{ padding-left: 12px; }


	.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;} */

	.culture{ height: 260px; padding: 20px;}
	.cultureUl li{ padding: 50px 20px;}
	.cultureUl li:first-child{ border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .2);}
	.about_video_ht{ display: none;}
	.about_video_logo{ height: auto;}


	.prolsit li{ width:100%; margin-right: 0; margin-top:20px;}
	.prolsit li .img{ padding-bottom: 80%;}
	.prolsit li .text{ margin-top: 12px;}

	.proinfoOne .text .button a{  height:42px;}
	.proinfoOne .text .button .button01{ width: 60%;}
	.proinfoOne .text .button .button03{ width: 40%;}

	.idxProTitBox{  width: 100vw; margin-left: -20px; margin-right: -20px;  overflow-x: scroll;  justify-content: flex-start; }
	.idxProTitBox::-webkit-scrollbar { height: 2px;}
	.idxProTitBox::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.idxProTitBox::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.idxProItem .img{ padding-bottom: 80%;}
	.idxProItem .text{ line-height: 1;}
	.idxProItem .text h1{  border-bottom: none;}
	.idxProTit,.idxProTit li{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.projectlist li:nth-child(2n) a{ flex-direction: column;}
	.projectlist li  a .desc .line-clamp4{-webkit-line-clamp:2;}

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


	.joblist .top .btn{ width: 100%; justify-content: flex-end; margin-top: 10px;}
	.joblist .top .btn span{ padding-top: 10px; padding-bottom: 10px;}
	.joblist .jobTip .wapBold{ margin-bottom: 8px;}

	.joinOne .right{ margin-top: 15px;}
	.joinOne .right::after{ display: none;}
	
	.joinOne .right::before{ width: 60px; height: 60px; left: -10px; bottom: -20px;}

	footer{ border-width: 3px;}
	.footRight::after{ display: none;}
	.parameterBox table tr td{ line-height: 2.6; border: none;}

	.proinfoTd{ flex-wrap: wrap;  }
	.proinfoTd li{ width: 33.3%; flex: auto;}
	.parameterBox table tr:first-child td{ font-size: 1.1em;}

	.proinfoOne{ margin-top: 0;}
	.idxSolutionTitle{ margin-top: 0;}
	.solutionDetail{ padding-left: 0;}

	/* .proDetailInfo::-webkit-scrollbar { height: 6px;} */
	.detailProImg{ height: 220px;}

	.h-66{  height: 40px;}

	.Blogul{   grid-gap:15px; grid-template-columns: repeat(2,1fr);}

	.idxAboutNum{ flex-wrap: wrap; }
	.idxAboutNum li{ width: 33.3%; margin-top: 15px;}
	.idxAboutNum li:nth-child(4),.idxAboutNum li:nth-child(5){ width: 50%;}

	 
	.detailTabTit{  width: 100%;  overflow-x: scroll; }
	.detailTabTit li{ margin: 0; padding: 0 10px;}
.detailTabTit::-webkit-scrollbar { height: 2px;}
.detailTabTit::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
.detailTabTit::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }

	
.proInfoDesc li:nth-child(2n){ flex-direction:column;}
.proInfoDesc li  .w60{ padding: 0 !important;} 

		/* .proInfoUl li{  width: 100%;   height: auto;} 
		.proInfoUl li:hover{ width: 380px !important;  }
		.proInfoUl li .text{ opacity: 1; left: 20px; bottom: 30px; transform: scale(1.1);}
        .proInfoUl li{ border-bottom: 1px solid #e5e5e5;} */

}

@media screen and (max-width:560px) { 
	.newslist li,.caselist li{ width: 100%; margin-right: 0; }
	.proinfoTdIcon{ height: 60px;}
}


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