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

	.history .next{ right: 0;}
	.history .prev{ left: 0;}

}

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

	body{ font-size: 14px;}
	.w80{ width: 86%;}
	.oneNav{ line-height: 70px; }
	.idxBanButton{ bottom: 150px;}
	.ysUl li{width: calc((100% - 80px)/3);margin-right: 40px;    margin-top: 40px;}
	.ysUl .ysIcon{}
	.idxCustomer{    background: url(../images/idxCustomerBg.jpg) no-repeat left top;background-size: 100% 100%;}
	.idxCustomer .swiper-container{margin-left: 7vw;}
	.idxStyle .prev, .idxStyle .next{ width: 60px; height: 60px;}
	.footLogo img,.logoIcon{ height: 70px;}
	.serviceText{ left: 7vw;}
	footer .right .two dd{grid-gap: 0 40px;}

	.firstNav{ line-height: 80px;}
	.about .img .paly{ width: 80px; height: 80px;}
	.about .txt{ padding-left: 7vw;}


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

	.serverLeft a{ height: 80px;}
	.serverLeft a::before{ font-size: 14px;}

	.serviceTit{  line-height:70px;}
	.Customerlist li{ width: calc((100% - 50px)/2); margin-right: 50px; margin-bottom: 50px;}

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

	.newslist li{ width: calc((100% - 80px)/3); margin-right: 40px; margin-bottom:40px;}
	.social-share{   width: 50px; left: 20px; }
  	.sharebox a{ width: 50px; height: 50px; }

	  .newpage .back{ width: 80px; height: 80px;}
	  .newpage .prev,.newpage .next{ padding: 10px; width: calc((100% - 80px)/2);}

	  .searchTop form .text{ width: calc(100% - 60px);}
	  .searchTop form .submit{ width: 60px; height: 60px;}
	  .searchlist li .right{ width: 60px; height: 60px;}

	  .honor .swiper-slide .img{ height: 305px;}
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}

	 .banImg{ height: auto;}
	 .w80,.w1100{ width: 90%;}
	 .oneNav{ line-height: 60px;font-size: 16px; }
	 .idxBanButton{ bottom: 140px;}
	 .idxbanNavUl dl a{ line-height: 50px;}
	 .paly{ width: 80px; height: 80px; margin-top: -40px;}
	 .idxMore{ width: 160px; height: 50px;}

	 .idxServiceImg{ height: 650px;}
	 .serviceText li{ height: 60px;}
	 .serviceText li::after{ width: 24px; height: 24px; left: -12px; margin-top: -12px;}
	 .serviceText{ left: 5vw;}
	 .ysUl li{width: calc((100% - 60px)/3);margin-right: 30px;    margin-top: 30px;}
	 .ysUl li:hover{ box-shadow: 0 0 0 5px rgba(3,78,162, 1);  }
	 .ysUl .ysIcon{ height: 60px;}
	 .idxCustomer .swiper-container{ margin-left: 5vw;}
	 .footEwm{ width: 100px;}
	 footer .right .two dd{grid-gap: 0 30px;}

	 header .tel{ display: none;}
	 .footLogo img, .logoIcon{ height: 60px;}
	 .firstNav{ line-height: 70px;}
	 .about .txt{    padding-left: 5vw;}
	 .zwHeader{ height: 70px;}
	 .zw{ margin-top: -70px; padding-top: 70px;}

	 .serverLeft a{ height:70px;}
	 .serviceTit{  line-height:60px;}
	 .serviceTit::after{ height: 1px; }
	 .Customerlist li{ width: calc((100% - 40px)/2); margin-right: 40px; margin-bottom:40px;}
	 .styleList li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom:30px;}

	 .newslist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom:30px;}
	 .newpage .back{ width: 60px; height: 60px;}
	 .newpage .prev,.newpage .next{  width: calc((100% - 60px)/2);}

	 .searchTop form .text{ width: calc(100% - 50px);}
	.searchTop form .submit{ width: 50px; height: 50px;}
	.searchlist li .right{ width: 50px; height: 50px;}

	.honor .swiper-slide .img{ height: 290px;}
} 

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

	body{ font-size: 12px;max-width: 750px; margin: 0 auto;}
	.w80,.w1100{ width: 100%; padding: 0 20px;}
	.footLogo img, .logoIcon{ height: 60px;}

	.codeImg{  width: 100px; left: auto; right: 0;}
	.idxbanNav .tel{ display: none !important;}
	.idxBanButton .prev, .idxBanButton .next{ width: 50px ; height: 50px;}
	.paly{ width: 60px; height: 60px;margin-top: -30px;}
	
	.ysUl li{width: calc((100% - 40px)/3);margin-right: 20px;    margin-top: 20px;}
	.ysUl li:hover{ box-shadow: 0 0 0 3px rgba(3,78,162, 1);  }
	.ysUl .ysIcon{ height: 50px;}
	.idxCustomer{    background: url(../images/idxCustomerBg.jpg) no-repeat left top;background-size: 98% 100%;}
	.idxCustomer .swiper-container{ margin-left: 2vw;}
	.caseBtn{ width: 50px; height: 50px;}
	footer .right .two dd{grid-gap: 0 20px;}

	

	.idxServiceImg{ height: 300px;}
	.serviceText{ width: 100%; position: relative; left: auto; top: auto; right: auto; padding-left: 0;}
	.serviceTextUL{ padding-top: 0; border: none; display: flex; align-items: center;   overflow-x: scroll;  width: 100%; }
	.serviceText li::after{ display: none;}
	.rightIcon{ display: none;}
	.serviceText li{ height: 50px; display: flex; align-items: center; justify-content: center;  white-space: nowrap; }
	.serviceTextUL::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
	.serviceTextUL::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #003f98; height: 1px; }
	.serviceTextUL::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; height: 1px; }

	.ysUl li{ width: calc((100% - 15px)/2); margin-right: 15px; margin-top: 15px; padding: 20px 0;}
	.ysUl li:nth-child(3n){ margin-right: 15px;}
	.ysUl li:nth-child(2n){ margin-right: 0;}
	.ysUl .ysIcon{ height: 40px;}
	.ysUl li .DIN{ margin: 6px auto;}
	.idxCustomer .swiper-container{ margin-left: 20px;}
	.idxStyle .button,.history .prev, .history .next,header,.newpage .back{ display: none !important;}

	footer .left{ width: 100%;}
	footer .right{ display: none;}
	#back_top .master_backTop .master_backTop_btn{ width: 50px; height: 50px;}
	#back_top{ bottom: 80px;}

	.historyBot .round{ width: 30px; height: 30px;}
	.history .bottom::after{ top: 15px;}
 
	/* .neiBan{  margin-top: 60px;} */
	.header .logoIcon{ height: 50px;} 
	.neiBanLine{ width: 50px;}
	.header{ display: block;}
	.zwHeader{ height: 60px;}

	.about .txt{ width: 100%; padding: 20px;}
	.about .img{ width: 100%;}
	.about .img .pic{ height: 260px;}
	.about .img .paly{ width: 50px; height: 50px;}
	.aboutMun{ flex-wrap: wrap;}
	.aboutMun li{ width: 50%;border-top: 1px solid rgba(255, 255, 255, .1);}
	.aboutMun li:nth-child(2n){ border-right: none;} 
	.cultureUl li{ padding: 15px;}
	.cultureUl li:nth-child(2n){ border-right: none;}
	.zw{ margin-top: -60px; padding-top: 60px;}

	/* .serviceTextUL{ padding-top: 0; border: none;  width: 100%; } */

	.serverLeft{ width: 100%; display: flex; align-items: center;   overflow-x: scroll;}
	.serverLeft::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  height: 1px;}
	.serverLeft::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #003f98; height: 1px; }
	.serverLeft::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; height: 1px; }
	.serverLeft li{ padding: 0 ;}
	.serverLeft a{ padding: 0 20px; height: 50px;  white-space: nowrap;}
	.serverLeft a::before{ display: none;}
	.serverLeft a .iconfont{ display: none !important;}
	.serverRight{ width: 100%; padding: 20px;}
	.messageButton  img{ height: 20px;}
	.serviceTit{  line-height: 50px;}

	.Customerlist li{ width: 100%; margin-right: 0; margin-bottom: 25px;}
	.Customerlist li .text{ border: 1px solid #e5e5e5; position: relative; width: 100%;  left: auto ; right: auto; bottom: auto;}
    .Customerlist li:last-child{ margin-bottom: 10px;}

	.styleList li{ width:100% ; margin-right: 0; margin-bottom:20px; padding: 15px;}
	.styleList li:nth-child(3n){ margin-right: 0;} 

	.newslist li{ width:100% ; margin-right: 0; margin-bottom:20px;  }
	.newslist li:nth-child(3n){ margin-right: 0;} 

	.newslist li .img img{ width: 100%; height: 200px; object-fit: cover;}
	.social-share{ display: none !important;}
	.newpage .prev, .newpage .next{ width: 100%; justify-content: center;}
	.newpage .prev span, .newpage .next span{ display: none !important;}
	.newpage .next{ border-left: 1px solid #e5e5e5;}
	.conctactUl .iconfont{ font-size: 14px;}
	.maessageBox .submit{ height: 38px;}

	.searchTop form{ width: 90vw;}
	.searchTop form .text{ width: calc(100% - 40px);}
	.searchTop form .submit{ width: 40px; height: 40px;}
	.searchlist li .right{ width: 40px; height: 40px; display: none;}
	.searchlist{ width: 100%; padding: 0 0 25px 0;}
	.searchlist li .left{  width: 100%;}

	.conctactUl{ line-height: 2.4;}
	.honor .swiper-slide .img{ height: 232px;}

	 
	#video{ width: 100% !important; height: 50vh !important;}

	div.video-wrap{  height: 50vh;}
}
@media screen and (max-width:750px) {
 
	.iconfont{ font-size: 16px;}
	 
}

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