@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.mxcontainer{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.honorSwi .swiper-slide{
		padding: 0 5px;
	}
	.HYhotNewsListPic{
		width: 30%;
	}
	.HYhotNewsListText{
		width: 66%;
	}
	.logoTextBto{
		display: none;
	}
	.footerContactList:before{
		left: 40%;
	}
}

@media only screen and (min-width: 100px) and (max-width: 1000px) {
	.footerContactList:before{
		width: 0;
	}
	.conBOX{
		padding-top: 0;
	}
	.mxnav{
		display: none;
	}
	.menu{
		display: block;
		
	}
	.moNavbarList{
		margin-top: 130px;
	}
	.phoneBttom{
		display: block;
	}
	.bannerPic{
		height: 400px;
	}
	.banner{
		margin-top: 100px;
	}
	.mxtop{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
		background-color: #fff;
    	height: 100px;
    	padding-top: 10px;
	}
	.mxLogo{
		height: 80px;
	}
	.logoText{
		padding-top: 0;
	}
	
	.xiala{
		display: block;
	}
	
	.logoText{
		max-width: 60%;
	}
	.logoTextTop{
		font-size: 20px;
	}
	
	.mxtop-right{
		padding-top: 5px;
	}
	.telName{
		display: none;
	}
	.navr-text{
		font-size: 18px;
	}
	.navIcon{
		margin-top: 0;
	}
	.proList{
		margin: 0;
	}
	.footerContact{
		width: 39%;
	}
	.footProduct{
		width: 21%;
	}
	.logoTextTop{
		font-size: 18px;
	}
	.logoText{
		max-width: none;
	}
	.logoTextL{
		border: none;
	}
	.inbanner{
		margin-top: 100px;
	}
	.inbannerPic{
		height: 260px;
	}
	.abInNav .inNavItem{
		width: 25%;
	}
	.caseNav .inNavItem{
		width: 50%;
	}
	.newNav .inNavItem{
		width: 33.3%;
	}
	.cultureList li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.cultureList li:nth-of-type(2n){
		margin-right: 0;
	}
	.view{
		padding: 0 80px;
	}
	.view .arrow-left{
		left: 0;
	}
	.view .arrow-right{
		right: 0;
	}
	.honorSwi .swiper-slide{
		width: 33.3%;
	}
	.fenleispan{
		width: 77%;
	}
	.productPicBox{
		height: 160px;
	}
	.contentLTitemDe{
		font-size: 16px;
	}
	.newsPicBox{
		height: 200px;
	}
	.newsTime{
		margin-top: 10px;
	}
	.newsText{
		padding: 10px;
	}
	.HYhotNewsListPic{
		width: 35%;
	}
	.HYhotNewsListText{
		width: 61%;
	}
	.HYhotNewsList li{
		height: 150px;
	}
	.HYhotNewsListTime{
		margin-top: 40px;
	}
	.caseshowList{
		margin: 0;
	}
	.footerContactList li{
		width: 100%;
	}
	.btNav{
		width: 21%;
	}
}
@media only screen and (min-width: 100px) and (max-width: 750px) {
	.navIcon{
		display: none;
	}
	.logoTextL{
		width: 250px;
	}
	.mxtop-right{
		margin-right: 60px;
	}
	.partnerList li{
		height: 88px;	
	}
	.navr-text{
		font-size: 16px;
	}
	.inNav{
		height: 70px;
	}
	.inNavItem{
		line-height: 70px;
	}
	.culDeatil{
		line-height: 1.5;
	}
	.preview .swiper-slide{
		height: 100px;
		width: 20%;
		margin: 0 10px;
	}
	.honorSwi .swiper-slide{
		width: 50%;
		padding: 0 10px;
	}
	.fenleispan{
		width: 73%;
	}
	.productList li{
		width: 32%;
		margin-right: 2%;
	}
	.productList li:nth-of-type(4n){
		margin-right: 2%;
	}
	.productList li:nth-of-type(3n){
		margin-right: 0;
	}
	.contactUsRight{
		width: 100%;
		padding-top: 30px;
	}
	.contactUsLeft{
		width: 100%;
	}
	.contactUsRItem{
		width: 33.3%;
		float: left;
		padding-right: 2%;
	}
	.CURdetail{
		font-size: 14px;
	}
	.contactUsRItem .contactUsA{
		font-size: 16px;
		padding-left: 15px;
	}
	.caseName{
		font-size: 20px;
	}
	.caseDetailTit .container{
		padding-bottom: 30px;
	}
	.serviceList li{
		width: 48%;
		margin-right:4%;
	}
	.serviceList li:nth-of-type(2n){
		margin-right: 0;
	}
	.relativeArtPicBox{
		height: 180px;
	}
	.relativeArtSwi .swiper-slide{
		width: 50%;
	}
	.xiala{
		right: 0px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.logoText{
		max-width: none;
	}
	.logoTextTop{
		padding-top: 4px;
	}
	.mxLogoBox{
		width: auto;
	}
	.mxtop{
		height: 80px;
	}
	.banner{
		margin-top:80px;
	}
	.mxLogo{
		height: 70px;
		margin-top: -5px;
	}
	.mxtop-right{
		display: none;
	}
	.mxnav{
		top: 80px;
	}
	.xiala{
		left: 60%;
	}
	.bannerPic{
		height: 300px;
	}
	.indexProduct{
		padding: 40px 0;
	}
	.moduleTit{
		font-size: 30px;
	}
	.indexNewsTabConR{
		width: 100%;
		margin-right:0 ;
	}
	.indexNewsTabConL{
		width: 100%;
		margin-top: 30px;
		height: 280px;
	}
	.abL{
		width: 100%;
	}
	.abR{
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
	}
	.partnerList li{
		width: 32%;
    	margin-right: 2%;
    	height: 70px;
	}
	.partnerList li:nth-of-type(4n){
		margin-right: 2%;
	}
	.partnerList li:nth-of-type(3n){
		margin-right: 0;
	}
	.caseshowListPicBox{
		height: 110px;
	}
	.caseshowListTit{
		font-size: 16px;
	}
	.btNav{
		display: none;
	}
	.footProduct{
		width: 48%;
	}
	.footerContact{
		width: 52%;
	}
	.footewm{
		width: 22%;
		float: right;
	}
	.footerContactList .footerContactText{
		font-size: 20px;
	}
	.inbanner{
		margin-top: 80px;
	}
	.cultureTit{
		font-size: 20px;
	}
	.view{
		padding: 0;
	}
	.preview .swiper-slide{
		width: 30%;
	}
	#abShebei{
		padding-top: 60px;
	}
	#abStucturem,#abHonor,#abCulture,#abStucture{
		padding-top: 60px;
	}
	.honorSwiPic{
		height: auto;
	}
	.honorSwi{
		padding: 0;
	}
	.honorSwiLeft,.honorSwiRight{
		background-size: 80%;
	}
	#abHonor{
		margin-bottom: 60px;
	}
	.categray{
		height: 100px;
	}
	.fenleispan{
		width: 88%;
	}
	.categrayMore{
		width: 12%;
	}
	.contactUsTit{
		font-size: 24px;
	}
	.contactUsTit:before{
		height: 24px;
	}
	.contactUsRItem{
		width: 50%;
		height: 135px;
	}
	.contactUsRItem:nth-of-type(1){
		width: 100%;
		padding-right: 0;
	}
	.contactUsRItem:nth-of-type(2){
		width: 50%;
		padding-right: 0;
	}
	.contactUsRItem:nth-of-type(3){
		width: 50%;
		padding-right: 0;
	}
	.CUFormSubBtn{
		width: 200px;
    	height: 50px;
    	line-height: 50px;
	}
	.proName{
		font-size: 20px;
		line-height: 80px;
		margin-bottom: 60px;
	}
	.proTitle{
		font-size: 20px;
		line-height: 80px;
		margin-top: 0;
	}
	.caseName{
		width: 100%;
		line-height: 1.5;
	}
	.caseDetailTit .container{
		padding-bottom: 10px;
	}
	.contentLeft{
		width: 100%;
		padding-right: 0;
	}
	.contentRight{
		width: 100%;
		height: 250px;
		margin-top: 30px;
	}
	.caseDetailContent{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.contentLeftBottom{
		margin-top: 30px;
	}
	.contentBottom{
		padding-top: 60px;
	}
	.nextPrevArt .prevArt, .nextPrevArt .nextArt{
		width: 100%;
		text-align: left;
		line-height: 40px;
	}
	.newsList li{
		width: 49%;
	}
	.newsList li:nth-of-type(3n){
		margin-right: 2%;
	}
	.newsList li:nth-of-type(2n){
		margin-right: 0;
	}
	.HYhotNewsList li{
		width: 100%;
		margin-right:0 ;
	}
	.HYhotNews{
		padding-top: 0;
		padding-bottom: 30px;
	}	
	.MXhotNewsListTime{
		width: 20%;
		margin-right: 2%;
	}
	.MXhotNewsListText{
		width: 78%;
	}
	.hotNewsTit{
		margin-bottom: 30px;
	}
	.MXhotNews{
		padding-top: 0;
	}
	.QPro,.QTit{
		padding-right: 0;
	}
	.QAhotNews{
		padding-top: 0;
	}
	.QAhotNewsListR, .QAhotNewsListL{
		margin-right: 0;
		width: 100%;
	}
	.QAhotNewsListR li, .QAhotNewsListL li{
		padding-right: 0;
	}
	.contactUs2{
		padding-bottom: 0;
	}
	.recruTitle{
		padding: 0 15px;
	}
	.menu_head{
		padding: 15px;
	}
	.moNavbarList {
	    margin-top: 110px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 500px) {
	.logoTextTop{
		padding-top: 0;
	}
	.logoTextL{
		width: 220px;
	}
	.logoTextTop{
		margin-bottom: 4px;
	}
	.productList li{
		width: 49%;
		margin-right: 2%;
	}
	.productList li:nth-of-type(3n){
		margin-right: 2%;	
	}
	.productList li:nth-of-type(2n){
		margin-right: 0;	
	}
	.serviceList li{
		width: 100%;
		margin-right:0;
		margin-bottom: 30px;
	}
	.service{
		padding-bottom: 0;
	}
	.MXhotNews li{
		height: 110px;
		padding: 20px 0;
	}
	.relativeArtSwi .swiper-slide{
		width: 100%;
		padding: 0;
	}
	.newsDetailHead{
		padding-bottom:30px;
	}
	.newsDetailTitle{
		font-size: 22px;
	}
	.newsDetailContent{
		padding-top: 30px;
	}
	.recruTitle .closeOpen{
		display: none;
	}
	.logoText{
		width: 70%;
		padding-top: 4px;
	}
	.moNavIcon{
		height: 24px;
	}
	.moNavText{
		font-size: 14px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 440px) {
	.stucturePicBox{
		padding: 20px 0;
	}
	.moduleTitEn:before{
		width: 90px;
	}
	.moduleTitEn:after{
		width: 90px;
	}
	.bannerPic{
		height: auto;
	}
	.moduleTit{
		font-size: 24px;
	}
	.moduleTitEn{
		font-size: 18px;
	}
	.indexNewsTabConL{
		height: 250px;
	}
	.abL{
		height: 200px;
	}
	.moduleTitBox{
		margin-bottom: 30px;
	}
	.footProduct{
		width: 40%;
	}
	.footerContact{
		width: 60%;
	}
	.footewm{
		width: 40%;
	}
	.inNavItem{
		font-size: 14px;
	}
	.preview{
		margin-top: 30px;
	}
	.preview .swiper-slide{
		height: 80px;
		margin: 0 5px;
	}
	.view .arrow-right,.view .arrow-left{
		background-size: 80% 80%;
	}
	.newsList li{
		width: 100%;
		margin-right:0 ;
	}
	.logoTextTop{
		font-size: 16px;
	}
	.logoTextMid{
		font-size: 10px;
	}
	.logoText{
		width: 60%;
		padding-top: 4px;
	}
	.mxLogo{
		margin-right: 10px;
	}
	.footerContactList .footerContactText{
		font-size: 18px;
	}
	.footerTit{
		font-size: 20px;
	}
}
/*iphone5*/
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.footerContactIcon{
		display: none;
	}
	.navIcon{
		display: none;
	}
	.MXhotNewsListTime{
		width: 22%;
	}
	.MXhotNewsListText{
		width: 76%;
	}
	.logoText{
		width: 50%;
	}
	.logoTextTop{
		font-size: 12px;
	}
}