@media (max-width: 1000px){
	body,html{
		overflow-x: hidden;
		
	}
	
	img{
		max-width: initial;
		width: 100%;
	}
	.content{
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
	}
	p{
		line-height: 24px;
	}
	.fl,.fr{
		float: none;
	}
	.padd{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.menubtn {
	    position: absolute;
	    top:50%;
	    right: 0;
	    padding: 15px;
	    cursor: pointer;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	    z-index: 9;
	    display: block;
	    margin-top:-26px;
	}

	.menubtn .bar:nth-of-type(1) {
	    margin-top: 0px;
	}

	.menubtn .bar:nth-of-type(3) {
	    margin-bottom: 0px;
	}

	.bar {
	    position: relative;
	    display: block;
	    width: 25px;
	    height: 2px;
	    margin: 7px auto;
	    background-color:#333;
	    border-radius: 10px;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	}
	.menubtn_close .bar:nth-of-type(1) {
	    -webkit-transform: translateY(9px) rotate(-45deg);
	    -ms-transform: translateY(9px) rotate(-45deg);
	    transform: translateY(9px) rotate(-45deg);
	}
	.menubtn_close .bar:nth-of-type(2) {
	    opacity: 0;
	}
	.menubtn_close .bar:nth-of-type(3) {
	    -webkit-transform: translateY(-9px) rotate(45deg);
	    -ms-transform: translateY(-9px) rotate(45deg);
	    transform: translateY(-9px) rotate(45deg);
	}
	.search input[type=text]{
		box-sizing: border-box;
		font-size: 16px;
	}	
	header .chat{
		display: none;
	}
	.navbox{
		margin-bottom: 55px;
		height: 60px;
	}
	.code{
		display: none;
	}
	.logo{
		width: 56%;
		padding-top: 3px;
		padding-bottom: 0px;
	}
	.nav{
		position: absolute;
		width: 100%;
		left: 0;
		background: #FFF;
		top: 62px;
		z-index: 6;
		box-sizing: border-box;
		padding: 20px;
		display: none;
		margin: 0;
	}
	.nav li{
		float: none;
		line-height: 40px;
		padding: 0;
		width: 100%;
		border-bottom: 1px dashed #EEE;
	}
	li.nav-second:after{
		display: none;
	}
	.nav li.nav-second ul{
		display: block;
		position: static;
		transform: none;
		box-shadow: none;
		padding: 0 15px;
	}
	.nav li.nav-second ul li{
		border:0 none;
		border-top: 1px dashed #EEE;
		box-sizing: border-box;
		line-height: 40px;

	}
	header{
		padding:10px 0;
		position: absolute;
		top: 62px;
		width: 100%;
		z-index: 1;
	}
	.search{
		display: block;
		width: 100%;
		margin: 0;
	}
	.about:before{
		width: 32px;
		height: 20px;
	}
	.aboutpic{
		width: 100%;
	}
	.abouttop{
		margin-right: 0;
	}
	.rightbox:before,.rightbox:after,.rightbox>a,.rightpic,.rightnav{
		display: none;
	}
	.rightbox{
		width: auto;
		height: auto;
		background: none;
	    right: 15px;
	    bottom: 205px;
		border-radius: 0 ;
		padding: 0;
	}
	.totop {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    border-radius: 50%;
	    background: url(../images/m-top.png) no-repeat center center #999;
	    background-size: cover;
	    z-index: 7;
	    cursor: pointer;
    }
    .swiper-num{
    	font-size: 16px;
    }
    .swiper-num .active{
    	font-size: 22px;
    }
    .newstop-right .swiper-button-next,.newstop-right .swiper-button-prev{
    	width: 20px;
    	height: 35px;
    	background-size: 12px 20px;
    }
	.abouttxt{
		width: 100%;
	}
	.abouttxt{
		padding: 20px 30px;
	}
	.abouttxt h2{
		font-size: 26px;

	}
	.abouttxt span{
		font-size: 18px;
	}
	.aboutepc li{
		width: 50%;
		margin-bottom: 20px;
	}
	.aboutepc li:nth-child(2n){
		border: 0 none;
	}
	.aboutepc li h4{
		font-size: 26px;
	}
	.aboutepc li p{
		font-size: 16px;
	}
	.aboutepc{
		margin-left: 0;
	}
	.tittxt h2{
		font-size: 24px;
	}
	.tittxt span{
		font-size: 20px;
	}
	.prolist li{
		width: 48%;
		margin-right: 4%;
	}
	.prolist li:nth-child(3n){
		margin-right: 4%;

	}
	.prolist li:nth-child(2n){
		margin-right: 0;
	}
	.protxt{
		height: 60px;
	}
	.protxt h4{
		font-size: 16px;
	}
	.morebtn{
		height: 50px;
		line-height: 50px;
		margin-top: 50px;
		width: 60%;
	}
	.morebtn span{
		background-size: 20px 20px;
	}
	.solulist li{
		width: 100%;
	}
	.solutxt{
		padding: 0 20px;
	}
	.solutxt h4{
		height: 70px;
		background-size: 20px 19px;
		line-height: 70px;
	}
	.caselist li{
		margin-top: 30px;
		width: 100%;
		margin-right: 0%;
	}
	.caselist li h4{
		font-size: 16px;
	}
	.mtop{
		margin-top: 30px;
	}
	.newstit a{
		margin-right: 0;
		font-size: 16px;
		background-size: 20px 20px;
		padding-right: 30px;
	}
	.newstit h3{
		font-size: 20px;
		padding-left: 50px;
		line-height: 35px;
	}
	.newstit h3:before{
		background-size: 35px 30px;
		width: 42px;
    	height: 35px;
	}
	.newslist-con{
		display: none;
	}
	.newslist-tit{
		width: 100%;
	}
	.newslist-tit li.newslistact:before{
		display: none;
	}
	.newstit{
		margin-bottom: 30px;
	}
	.newslist-tit li.newslistact{
		background: #292D35;
	}
	.newslist-tit li{
		height: auto;
		line-height: initial;
		padding:20px 30px;
		overflow: hidden;
	}
	.newslist-tit li h4{
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 0;
	    overflow: hidden;
	    white-space: normal;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}


	.newslistact-txt{
		display: block;
	}
	.newslistact-txt p{
		color: #FFF;
		margin-bottom: 25px;
	}
	.newslist-tit li.newslistact h4:before{
		content: '';
	    display: block;
	    width: 8px;
	    height: 8px;
	    background: #FFFFFF;
	    left: 0;
	    top: 8px;
	    margin-top: 0px;
	    position: absolute;
	}
	.footleft ul{
		display: none;
	}
	.footleft{
		width: 100%;
		border: 0 none;

	}
	.chatbtn a{
		display: inline-block;
		float: none;
		margin: 0 4%;
	}
	.chatbtn{
		text-align: center;
	}
	.footright{
		width: 100%;
	}
	.footchat{
		width: 100%;
		margin: 20px 0;
	}
	.footcode{
		width: 40%;
		margin: 0 auto;
	}
	.footchat p{
		margin: 15px 0;
		line-height: 1.7em;
		font-size: 16px;
	}
	.iron-top>img{
		width:100%;
		border: 1px solid #FFF;
		float: none;
	}
	.route{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.navlist{
		position: static;
	}
	.irontit{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.iron{
		overflow: hidden;
		margin-bottom: 0;
	}
	.iron>img{
		position: absolute;
		top: 0;
		height:100%;
		width: auto;
		z-index: -1;
		transform: translateX(-50%);
	}
	.ironcon{
		position: static;
		transform: none;
	}
	.irontit h1{
		width: 100%;
		margin-left: 0;
		font-size: 20px;
		line-height: 50px;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	.irontit h1 strong{
		font-size: 28px;
	}
	.irontit-txt{
		padding-left: 20px;
		width: 100%;
	}
	.navlist{
		position: static;
		left: auto;
		transform: none;
		width: 100%;
		margin: 50px auto 30px;
		width: 100%; 
	}
	.navlist-fixed{
		position: fixed;
		top: 0;
		z-index: 9;
		margin-top: 0;
		height: 53px;
		background: #FFF;
	}
	.navlist-fixed ul{
		box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 25%);
		
	}
	.navlist-fixed ul li{
		height: 53px;
		line-height: 50px;
	}
	.navlist ul{
		width: 100%;
		height: auto;
	}
	.irondetail{
		margin-top: 40px;
	}
	.navlist ul li{
		font-size: 18px;
		line-height: 60px;
		height: 63px;
		border-width: 3px;
	}
	.iron-detailnav{
		display: none;
	}
	.iron-solu{
		margin-top: 50px;
	}
	.iron-soluleft{
		float: none;
		width: 100%;
	}
	.iron-solu h3,.scslbox h3{
		font-size: 22px;
		margin-bottom: 30px;
		padding-left: 25px;
	}
	.iron-solu h3:before,.scslbox h3:before{
		width: 18px;
		height: 14px;
	}
	.iron-solulist li h4{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.iron-solulist li h4:before{
		width: 8px;
		height: 8px;
		left: -28px;
	}
	.iron-solupic{
		width: 100%;
		float: none;
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.scsltop{
		padding-left: 20px;
		padding-right: 20px;
	}
	.scsl-video{
		width: 100%;
		height: 200px;
	}
	.scsl-txt{
		width: 100%;
		margin-top: 20px;
	}
	.scsltxt h4{
		font-size: 18px;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.scsl-txt h4{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.scsltxt p{
		margin-bottom: 20px;
	}
	.tablebox {
		margin-bottom: 20px;
		overflow-x: scroll;
	}
	.tablebox table{
		width: auto;
	}
	.tablebox table th{
		font-size: 16px;
	}
	div.zxf_pagediv{
		text-align: center;
		margin-top: 40px;
	}
	.newsitem li{
		padding: 30px 0;
	}
	.newsitem-txt h4{
		font-size: 18px;
	}
	.newsitem .aniimg{
		width: 100%;
	}
	.newsitem-txt{
		width: 100%;
		margin-top: 20px;
	}
	.newsitem-txt p{
		margin-top: 20px;
	}
	.newstop-btn{
		position: static;
		width: 100%;
		padding: 0 30px;
		margin-top: 20px;
	}
	.newstop-txt{
		position: static;
		width: 100%;
		background: #FFF;
		padding:30px 20px 0;
		box-sizing: border-box;
		margin-top: 30px;
	}
	.newstop-pic{
		width: 100%;
		margin: 0;
	}
	.newstxtcon{
		position: static;
		padding: 0px;
	}
	.newstop-txt h3{
		padding: 0;
		margin-top: 0;
		font-size: 18px;
		color: #333;
	}
	.newstop-txt span{
		color: #333;
		padding: 0;
		margin: 15px 0;
	}

	.newstop-btn .swiper-pagination{
		display: none;
	}
	.swiper-num{
		font-size: 20px;
	}
	.newsdetail h1{
		font-size: 24px;
	}
	.newsdetail span{
		margin-top: 20px;
		font-size: 14px;
	}
	.newschat {
		padding: 20px;
		width: 90%;
		text-align: center;
	}
	.chat-phone:before,.chat-phone:after{
		display: none;
	}
	.chat-phone span{
		padding-left: 40px;
	}
	.chat-phone{
		font-size: 24px;
	}
	.chatright{
		width: 100%;
		margin-top: 30px;
	}
	.article{
		width: 100%;
		float: none;
	}
	.othernews li h5{
		margin-bottom: 15px;
	}
	.othernews li{
		margin-top: 30px;
	}
	.modelright{
		width: 100%;
		float: none;
		margin-top:50px;
	}
	.article p{
		margin-bottom: 25px;
	}
	.modellist h3{
		font-size: 24px;
		padding: 15px 0;
		border-radius: 0px 36px 0px 0px;
	}
	.promodel h4{
		font-size: 16px;
		padding: 15px 0;
	}
	.newsmodel li{
		padding: 15px 0;  
		line-height: 1.5em;
	}
	.liuyan ul li.liuyandetail, .liuyan ul li.zxlytextarea p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.model-liuyan .liuyan .zxlybtn input[type="submit"]{
		margin-top: 20px;
	}
	.casetoppic{
		width: 100%;
		box-sizing: border-box;
	}
	.casetoptxt{
		width: 100%;
		position: static;
	}
	.casetoptxt-con{
		padding:30px 20px;
	}
	.casetoptxt-con h1{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.casechat>a{
		font-size: 26px;
	}
	.casechat>a:before{
		width: 40px;
		height: 40px;
	}
	.casechatbtn{
		width: 100%;
	}
	.casechatbtn a{
		padding: 0;
		margin: 20px 0;
		width: 49%;
		display: inline-block;
		font-size: 18px;
		text-align: center;

	}
	.casestop li{
		width: 100%;
		padding:50px 20px;
	}
	.casestop li h4{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.tuijian span{
		font-size: 14px;
		margin-top: 0;
		line-height: 1em;
	}
	.tuijian{
		background-size: cover;
	    width: 55px;
	    height: 69px;
		right: 14px;
	    top: -21px;
	}
	.casestop li .look{
		margin-top: 30px;
	}
	.casestop li{
		margin-bottom: 50px;
	}
	.casestop li:last-child{
		margin-bottom: 0;
	}
	.casesbox .caselist li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.casechat>a{
		line-height: 55px;
		height: 55px;
	}
	.casechat>a:before{
		width: 36px;
		height: 36px;
	}
	.article h3{
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 26px;
		padding-left: 42px;
	}

	.article h3:before{
		width: 27px;
		height: 20px;
	}
	.iron-solulist li{
		padding: 0;
		margin: 15px 0;
	}
	.detail-caselist li{
		margin-top: 0;
	}
	.casetoptxt-con h1{
		font-size: 22px;

	}
	.protoppic{
		width: 100%;
		box-sizing: border-box;
	}
	.ystdlist li{
		background-size: 16px 16px;
		background-position: left 4px;
		padding-left: 30px;
		margin-bottom: 20px;
	}
	.tablebox table{
		margin-top: 0;
	}
	.prolist li{
		width: 100%;
		margin-right: 0;
	}
	.hotbtnbox{
		display: none;
	}
	.hotpropic{
		width: 100%;
		float: left;
	}
	.hotprotxt{
		float: none;
		width: 100%;
	}
	.propage{
		background-size: cover;
		padding-bottom: 50px;
	}
	.hotprotxt h2{
		font-size: 26px;
		padding: 10px 20px;

	}
	.hotprotxt p{
		margin-top: 20px;
		margin-left: 0;
	}
	.probtn{
		bottom: 215px;
	    width: 87px;
	    right: 30px;
	}
	.prolistbox .prolist li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	.prolistbox .prolist li .protxt{
		height: 60px;
	}
	.fourtop h2{
		font-size: 20px;
	}
	.fourtop img{
		width: 100%;
	}
	.fourtop{
		padding-top:0;
	}
	.fourbot{
		padding-top:30px;
	}
	.fourbotleft{
		width: 100%;
		float: left;
	}
	.fourbotleft ul{
		width: 100%;
	}
	.fourbotleft h4{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.fourbotleft ul li a{
		font-size: 18px;
	}
	.fourbotleft ul li{
		line-height: 40px;
		height: 40px;
	}
	.fourbotleft p{
		font-size: 16px;
	}
	.fourtop{
		margin-top: 40px;
	}
	.fourbot{
		padding-bottom: 40px;
	}
	.contactleft{
		width: 100%;
	}
	.contactright{
		width: 100%;
	}
	.quetop h2{
		font-size: 26px;
		padding-top: 10px ;
		padding-bottom: 10px ;
		margin-top: 20px;
	}
	.quepage{
		background-size: cover;
		padding-bottom: 20px;
	}
	.quetop textarea{
		padding:15px 20px;
	}
	.quetop label input{
		width: 100%;
		padding:0 20px;
		margin-bottom: 15px;
	}
	.quelist li{
		width: 100%;
		padding: 30px 0;
	}
	.quelist li h4{
		font-size:20px;
		background-size: 20px 20px;
		padding-left: 35px;
		margin-bottom: 20px;

	}
	.quelist li .aniimg{
		width: 28%;
	}
	.quelist li p{
		width: 67%;
	}
	#dituContent{
		height: 350px;
	}
	.tactbox h1{
		font-size: 28px;
		background-size: contain;
		padding: 0;
		background-position: left top;
	}
	.tactbox h1 span{
		font-size: 60px;
	}
	.tactcon-txt p{
		font-size: 16px;
	}
	.tactcon-txt{
		width: 100%;
		margin-bottom: 50px;
	}
	.tactcon-mes{
		width: 100%;
	}
	.tactcon-txt a b{
		font-size: 28px;
	}
	.tactcon-txt span{
		margin-bottom: 10px;
	}
	.tactcon-txt li{
		margin-top: 0;
		margin-bottom: 30px;
	}
	.tactcon-txt a{
		font-size: 20px;
	}
	.tactcon-mes{
		padding: 30px 20px;
	}
	.tactcon-mes h3{
		font-size: 22px;
	}
	.tactcon-mes p{
		width: 100%;
	}
	.meslistbtn input{
		line-height: 40px;
		height: 40px;
	}
	.tactliuyan{
		width: 100%;
		margin-bottom: 30px;
	}
	.tact-pic{
		width: 100%;
	}
	.tact-pic img{
		width:50%;
		margin: 0 auto;
	}
	.searpage h2{
		margin-bottom: 30px;
		font-size: 22px;
	}
	.searpage h2 b{
		font-size: 28px;
	}
	.searmodel{
		width: 100%;
		line-height: 50px;
		height: 50px;
		padding-left:20px;
		padding-right: 55px;
	}
	.searmodel input[type=text]{
		line-height: 50px;
		height: 50px;
		font-size: 20px;
	}
	.searmodel input[type=submit]{
		height: 50px;
		background-size: 30px 14px;
		right: 20px;
	}
	.seartit>span{
		float: none;
	}
	.seartit h4{
		float: none;
		max-width: 100%;
	}
	.seartit{
		margin-bottom: 15px;
	}
	.searchlist li{
		padding: 30px 0;
	}
	/* solution */
	.solutop-txt{
		width: 100%;
		margin-top: 0px;
		padding: 30px 20px;
	}
	.solutop-txt h3{
		font-size: 24px;
		margin-bottom: 20px;

	}
	.solutop-txt h3:before{
		width: 10px;
		left: -20px;
	}
	.solutop-pic{
		margin-top: 30px;
		border-radius: 20px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		width: 100%;
	}
	.solutop .newstop-btn{
		width: 100%;
		margin-top: 0;
	}
	.solurowbox{
		padding-top: 20px;
	}
	.solurow li{
		width: 100%;
		margin-right: 0;
		margin-top: 50px;
		padding: 0 18px;
		box-sizing: border-box;
	}
	.solurow li:after{
		left: 0;
		right: 0;
	}
	.solurowtxt span{
		padding: 10px 5px;
		width: 54px;
	}
	.article iframe{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	.article .flipbox a{
		max-width: 100%;
	}
	.article .solurow li{
		width: 100%;
	}
	.gyjsbox h4{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.gyjsbox h4:before{
		width: 10px;
		height: 10px;
		left: -27px;
	}
	
}
@media (max-width: 500px){
	.banner {
		overflow: hidden;
		height:180px;
		position: relative;
	}
	.banner img{
		position: absolute;
	    width: auto;
	    left: 50%;
	    height: 100%;
	    transform: translateX(-50%);
	}
}