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

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


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

	.zw{ margin-top: -86px; padding-top: 86px;}
	.zwHeader{ height: 86px;}
	.oneNav{ line-height:86px ;}

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

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

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

	.idxBan .button{ bottom: 10%;}
	.banMouse{ width: 50px;}
	.idxAboutSwiper .img img{ border-width: 6px;}
	.moreIcon{ height: 36px;}
	.idxCultureSwiper li .idxCultureIcon{ height: 80px;}
	.idxPro .button div{ height: 50px;}
	.footEwm{ margin-left: 0;}
	.footEwm .img{ width: 116px;}
 
	.idxBan .next, .idxBan .prev{width: 65px;    height: 55px;}

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

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

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

	.idxBan .next, .idxBan .prev{width: 60px;    height: 50px;}

	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{ height: 70px;}
	.oneNav{ line-height:70px ;  font-size: 16px;}
	.logoImg{ height: 36px;}
	.banMouse{ width: 45px;}
	.idxCultureSwiper li .idxCultureIcon{ height: 70px;}
	.idxPro .button div{ height: 45px;}
	.footEwm .img{ width: 100px;}

	#back_top .master_backTop .master_backTop_btn{ width: 54px; height: 54px;}
	.aboutPlay img{ width: 100px;}

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

	.mapBox{ flex-direction: column;}
	.mapImg{ height: 320px;}
	.mapInfo{ width: 1000%; width: 100%; position: relative; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

	#mapall>div{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
	 
	.messagesBox .icon{ height: 38px; width: 38px;}
	.tipInput{ margin-left: 5px;}

}

@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: 40px; height: 40px;}
	.idxTitIconq{ height: 20px;}
	.moreIcon{ height: 32px;}
	.idxCultureSwiper li .idxCultureIcon{ height: 60px;}
	.idxProSwiper .swiper-slide .idxProImg{height: 28vw;margin-bottom: -16vw;}

	.strengthUl li .tit::before{ width: 15px; height: 15px;}
	.strengthUl li::before{ left: 7px;}
	.aboutCoo .x-li{ width: 189px; height: 80px;}
	.idxMapUl .dot .dot_circle{ width: 8px; height: 8px;}

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

	.proinfoTop .right .desc{ word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

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

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

	header .con{ width: 100%; padding-left: 20px;}
	.logoImg{ height: 32px;}
	.moreIcon{ height: 26px;}
	.idxCultureSwiper li .img{ padding-bottom: 58%;}
	.idxCultureSwiper li .text{  padding-top: 30px; padding-bottom: 30px;}
	.idxPro .button{ margin-right: 15px;}
	.idxPro .button div{ width: 65px; height: 30px;}
	.idxProSwiper .swiper-slide .idxProImg{height: 150px;margin-bottom: -80px;}
	footer .bottom{ text-align: center;}
	
	.idxTitIconq{ height: 16px;}
	.s1_logo{ padding-left: 20px;}
	.idxPro .idxMore,.idxNews .idxMore{ margin-left: 20px; margin-top: 5px;}
	.idxAboutBg{bottom: 88%;width: 50%;}

	.neiBanBot{ width: 32px; height: 32px;}

	.brief{background:  #fff;  }
	.brief .left{ padding-left: 20px;}
	.brief .right{ padding-left: 20px; padding-right: 20px;}

	.aboutPlay{ padding: 0; margin: 0; position: absolute; right: 20px; top: 25px;}
	.aboutPlay img{ width: 66px;}

	.factoryImg{ height: 300px; object-fit: cover;}
	.factoryIcon{ height: 62px;}
	.aboutCoo .x-li{ width:161px; height: 68px;}
	.honor .button{ width: 38px; height: 38px;}
	.idxMapUl .dot .dot_circle{ width: 3px; height: 3px;}
	.Range{ padding-left: 20px; padding-right: 20px;}

	.proinfoTop .button a{ border-width: 1px;}

	#back_top{ display: none !important;}
	 

}

@media screen and (max-width:620px) { 
	.prolist li{ width: 100%; margin-right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
	.prolist li .img{ padding-bottom: 60%;}
	.guideUl li,.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之间的样式 */
}