@media (max-width: 1000px){
	html,body{
		overflow-x: hidden;
	}
	img{
		max-width: initial;
		width: 100%;
	}
	.content,.bigcontent{
		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: 0;
	    right: 0;
	    padding: 15px;
	    cursor: pointer;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	    z-index: 9;
	    display: block;
	    margin-top:5px;
	}

	.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);
	}	
	.head-chat,.rightmain div,.head-hot,header:after,.head-nav,.nav li:after{
		display: none;
	}
	.rightmain .totop{
		display: block;
		background: #BD1D21;
		border-radius: 50%;
		width: 45px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.rightmain:before{
		display: none;
	}
	.rightmain{
		right: 20px;
		width: auto;
		bottom: 206px;
	}
	.totop img{
		margin:0 auto;
		width: 29px;
	}
	header{
		padding: 20px 0;
	}
	.logo{
		width: 56%;
	}
	.head-nav {
		position: absolute;
		background: #FFF;
		right: 0px;
		top: 60px;
		margin: 0;
		z-index: 3;
		width: 100%;
		border-bottom: 1px solid #EEE;
		box-shadow: 0px 4px 6px 0px rgb(0 0 0 / 15%);
		padding-bottom: 30px;

	}
	.nav{
		margin-top: 20px;
	}
	.nav li{
		width: 100%;
		line-height: 45px;
		padding: 0;
	}
	.head-search{
		width: 100%;
	}
	.footer-nav,.footer-top{
		display: none;
	}
	.mapmain{
		display: none;
	}
	.foot p a{
		display: block;
	}
	.foot p{
		padding: 20px 0;
	}
	.foot{
		margin-bottom: 2.43rem;
	}
	.footbot{
		height: 2.43rem;
		box-shadow: 0px 2px 10px 0px rgba(3, 10, 20, 0.08); 
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #AE1B1F;
		z-index: 5;
		display: flex;
	}
	.footpro{
		display: block;
		width: 27.2%;
		background: #FFF;
		height: 100%;
		padding-top: 0.38rem;
		box-sizing: border-box;
	}
	.footpro img{
		width: 0.77rem;
		height: 0.62rem;
		margin: 0 auto;
	}
	.footpro span{
		display: block;
		font-size: 0.55rem;
		text-align: center;
		margin-top: 0.32rem;
	}
	.footphone{
		width: 46.6%;
		background: #AE1B1F;
		height: 100%;
		padding-left: 0.81rem;
		padding-top: 0.47rem;
		box-sizing: border-box;
	}
	.footphone span{
		background: url(/static/index/images/phoneicon.png) no-repeat left center;
		background-size: 0.49rem 0.51rem;
		font-size: 0.47rem;
		padding-left: 0.64rem;
		color: #FFF;
		display: block;
		line-height: 1em;
	}
	.footphone a{
		font-size: 0.77rem;
		font-weight: bold;
		color: #FFF;
		margin-top: 0.3rem;
    	display: block;
	}
	.footchat{
		display: block;
		width: 26.2%;
		height: 100%;
		background: #CA0D0D;
		padding-top: 0.38rem;
		box-sizing: border-box;
	}
	.footchat img{
		width: 0.75rem;
		height: 0.68rem;
		margin: 0 auto;
	}
	.footchat span{
		font-size: 0.6rem;
		color: #FFF;
		display: block;
		text-align: center;
		margin-top: 0.23rem;
	}
	.titbox{
		margin-bottom: 30px;
	}
	.titbox h2{
		font-size: 24px;
	}
	.titbox h1:before, .titbox h2:before{
	}
	.in-epc h3{
		font-size: 20px;
	}
	.in-epc h3 span{
		display: block;
	}
	.in-epc ul li{
		width: 100%;
		margin-bottom: 40px;
	}
	.xhcppic{
		margin-top: 0;
	}
	.xhcpimg{
		margin-top: 0;
	}
	.in-epc ul{
		margin-top: 40px;
		width: 100%;
		box-sizing: border-box;
		box-shadow: none;
		padding:0;
	}
	.xhcppic h4{
		font-size: 18px;
	}
	.xhcptxt{
		width: 90%;
		font-size: 16px;
		line-height: 1.5em;
		margin: 15px auto 20px;	
	}
	.xhcpimg p{
		position: static;
		width: 90%;
		padding: 0;
		margin: 30px auto 0;
		line-height: 1.5em;

	}
	.xhcpimg p:before{
		display: none;
	}
	.xhcpimg span{
		position: static;
		font-size: 30px;
		line-height: 30px;
	}
	.prolist li{
		width: 48%;
		margin: 0;
		margin-right: 4%;
		margin-bottom: 30px;
		    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
		box-sizing: border-box;
	}
	.prolist li span{
		display: none;
	}
	.prolist li h4{
		font-size: 16px;
		padding: 10px 5px;
	}
	.prolist li:nth-child(2n){
		margin-right: 0;

	}
	.xhcptxt p{
		line-height: 1.5em;
	}
	.hot-case{
		width: 100%;
		margin-bottom: 30px;
	}
	.hot-case ul{
		padding: 20px 20px 10px;
		overflow: hidden;
	}
	.hot-case ul li{
		border-radius: 20px;
		width: 48%;
		float: left;
		font-size: 16px;
		margin-right: 4%;
		margin-bottom: 12px;
		height: 40px;
		line-height: 40px;
	}
	.hot-case ul li:nth-child(2n){
		margin-right: 0;
	}
	.hot-case h3{
		font-size: 22px;
		padding: 10px;
	}
	.hot-case>a{
		line-height: 40px;
		height: 40px;
		font-size: 16px;
	}
	.casebox .prolist li:nth-child(3n){
		margin-right: 4%;
	}
	.in-case{
		padding-bottom:0;
	}
	.casebox{
		width: 100%;
	}
	.newslist li{
		width: 100%;
		margin-bottom: 30px;
		padding: 15px 0;
	}
	.newstit{
		padding: 0 30px;
		margin-bottom: 15px;

	}
	.buttontag{
		margin-bottom: 0;
	}
	.newstit h4{
		max-width: 100%;
		width: 100%;
		float: none;
	}
	.newstit span{
		float: none;
		display: block;
		margin-top: 10px;
	}
	.newstit:before{
		width: 16px;
		margin-top: 0px;
		height: 15px;
		top: 3px;
	}
	.newslist li p{
		padding: 0 30px;
	}
	.xinhaicon{
		width: 95%;
		padding: 0;
	}
	.xinhaiconleft{
		width: 100%;
		padding: 20px;
	}

	.xinhaiconlist{
		margin:15px 0;
	}
	.xinhaiconlist p{
		font-size: 18px;

	}
	.xinhaiul {
		padding: 0 20px 40px;
	}
	.xinhaiul li{
		width: 100%;
		padding-top: 30px;
	}
	.xhtxt{
		width: 80px;
		height: 80px;
		margin-bottom: 20px;
	}
	.xhtxt img{
		width: 55%;
	}
	.route{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.xhkzmain{
		padding: 0 15px;
		margin-top: 30px;
	}
	.xhkzlist{
		width: 100%;
	}
	.xhkzlist-item{
		margin-bottom: 30px;
		width: 100%;
	}
	.xhkzleft{
		width: 100%;
		margin-bottom: 30px;

	}
	.xhkzlist-item>img,.xhkzleft img{
		width: 100%;
		height: auto;
	}
	.xhkzlist-itemtxt h3{
		font-size: 26px;
	}
	.xhkzlist:nth-child(2){
		margin-left: 0;
	}
	.jsslcon{
		width: 100%;
		padding: 20px;
	}
	.jsslcon ul li h3{
		font-size: 20px;
	}
	.jsslcon ul li h3:before{
		display: none;
	}
	.jsslcon ul li{
		width: 100%;
		padding-left: 0;
	}
	.jsslmain{
		background-size: cover;
	}
	.jsslconpic{
		position: static;
		width: 100%;
		transform: none;
	}
	.jsslconpic img{
		box-sizing: border-box;
		margin: 20px 0;
	}
	.zzzstop{
		width: 100%;
		margin:0;
	}
	.zzzspic{
		margin-bottom: 20px;
		width: 100%;
	}
	.zzzstop ul{
		width: 100%;
		padding:30px 0;
	}
	.zzzstop ul li{
		margin-bottom: 15px;
	}
	.zzzsbot .zzzspic{
		width: 100%;
		margin-bottom: 20px;
	}
	.gsrymain ul{
		background-size: cover;
		margin-top: 30px;
		padding: 20px;
	}
	.gsrymain ul li{
		width: 48%;
	}
	.gsrymain ul li h5{
		line-height:1.5em;
		min-height: 3em;
	}
	.protit h2{
		font-size: 26px;
	}
	.protit span{
		font-size: 30px;
	}
	.row-main,.row-left{
		width: 100%;
	}
	
	.proitem li{
		width: 48%;
	}
	.proitem li:nth-child(2n){
		margin-right: 0;
	}
	.row-model h3:after{
		bottom: -31px;
		height: 32px;
	}
	.titbox h1, .titbox h2{
		font-size: 24px;
	}
	.prolist-txt>h3{
		font-size: 20px;
	}
	.dtheadcon{
		border-top-left-radius:20px;
		border-top-right-radius:20px;
	}
	.dtheadcontoppic{
		width: 100%;
		border-radius:20px;
	}
	.dtheadcontoptxt{
		position: static;
		width: 100%;
		box-shadow: none;
		padding: 20px 0;
		transform: none;
	}
	.dtheadcontoptxt h1{
		font-size: 24px;
	}
	.dthdcontact{
		display: none;
	}
	.detailnav{
		margin-top: 30px;
	}
	.detailnav li{
		width: 33.33%;
	}
	.detailtxt h3{
		font-size: 20px;
		margin:20px 0;
	}
	.detailnavfixed{
		position: static;
		transform:none;
	}
	.detailtxt img{
		max-width: 100%;
	}
	.tablebox{
		width: 100%;
		overflow: auto;
	}
	.indexnews li{
		width: 100%;
		line-height: 50px;
	}
	.indexnews li h4{
		line-height: 50px;

	}
	.solutmain li{
		width: 48%;
		margin-right: 4%;
	}
	.solutmain li:nth-child(2n){
		margin-right: 0%;
	}
	.newsxhdtleft{
		width: 100%;
		margin-bottom: 40px;
	}
	.newsxhdtright{
		width: 100%;

	}
	.newsxhdtleftdate{
		padding: 10px;
	}
	.newsxhdtleftdate span,.swiper-num .active{
		font-size: 22px;
	}
	.newsxhdtbtn{
		padding: 10px;
		bottom: 113px;
	}
	.newsmore{
		margin-top: 20px;
		width: 50%;
		height: 45px;
		line-height: 45px;
	}
	.newsfhtz li{
		width: 100%;
		margin-bottom: 40px;
	}
	.newscpzs li{
		width: 100%;
	}
	.newslistdate span{
		font-size: 30px;
		line-height: 36px;
	}
	.newslistdate{
		width: 20%;
	}
	.newslistcon{
		width: 75%;
	}
	.newsitem li{
		width: 100%;
		box-sizing: border-box;
	}
	.newslistcon h4{
		margin-bottom: 6px;
	}
	div.zxf_pagediv{
		text-align: center !important;
	}
	.casetabbox{
		padding: 15px 
	}
	.casetabbox h3{
		width: 13%;
	}
	.casetabbox ul{
		float: left;
		width: 86%;
	}
	.casemain li{
		width: 100%;
	}
	.casepic{
		width: 100%;
	}
	.casetxt{
		width: 100%;
	}
	.casetxtcon{
		position: static;
		padding: 20px 15px;
		margin-top: 10px;
	}
	.casetxt h4{
		margin-top: 20px;
	}
	.casetxtcon p{
		height: auto;
	}
	.castdetailtit{
		background: #BD1D21;
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		font-size: 22px;
	}
	.contactmain h4{
		font-size: 20px;
	}
	.contactmain .content>p{
		width: 100%;
	}
	.contactdetail_list{
		width: 90%;
		box-sizing: border-box;
		margin: 0;
		margin:0 auto 50px;
	}
	.contactdetail{
		padding-top: 80px;
		padding-bottom: 20px;
	}
	.contact_yuantxt{
		height: auto;
	}
	.contact_yuantxtnum a{
		font-size: 26px;
	}
	.liuyan{
		margin-top: 30px;
	}
	div.liuyan>h4{
		font-size: 26px;
	}
	.liuyan{
		padding:30px 20px;
		margin-bottom: 30px;
	}
	.liuyan input, .liuyan select{
		padding-left: 10px;
	}
	.contactmain{
		padding-bottom: 0;
	}
	.searchtit h2{
		font-size: 26px;
	}
	.searchtit h2:before, .searchtit h2:after{
		width: 100px;
	}
	.searchtit h2:before{
		left: -120px;
	}
	.searchtit h2:after{
		right: -120px;
	}
	.sear-main{
		width: 95%;
		margin: 30px 0;
	}
	.searhead{
		padding-top: 25px;
		font-size: 20px;
	}
	.searhead font{
		font-size: 26px;
	}
	.searcon li{
		padding: 30px 0;
	}
	.searcon li h4{
		width: 100%;
		float: none;
	}
	.seartxt>span{
		float: none;
		width: 100%;
		margin-top: 5px;
	}
	.customized-number{
		display: none;
	}

	.detailchat{
		display: block;
		background: #bd1d21;
		border: 1px solid #bd1d21;
		border-radius: 10px;
		position: relative;
		z-index: 2;
		box-sizing: border-box;
		padding:0.47rem 0;
		padding-left: 0.64rem;
		margin-bottom: 1.49rem;
		margin-top: 1rem;
		height: 3.2rem;

	}
	.detailchat-wx{
		width: 50.8%;
		position: relative;
	}
	.detailchat img,.detailchat p,.detailchat span{
		margin:0;
	}

	.detailchat-r{
		width: 49.2%;
		box-sizing: border-box;
		background: #FFFFFF;
		border-top-left-radius: 1.13rem;
		right: -0.64rem;
		top: 0.47rem;
		bottom: 0.47rem;
		position: absolute;
		border-bottom-left-radius: 1.13rem;
	}
	.detailchat-wx .detailchat-wxpic{
		width: 1.83rem;
		height: 1.83rem;
		background: #FFFFFF;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: 0.15rem;
	}
	.detailchat-wx .detailchat-wxpic img{
		width: 100%;
	}
	.detailchat-txt{
		margin-left: 2.15rem;
		color: #F0F6F8;
		font-size: 0.77rem;
	}
	.detailchat-txt p{
		font-weight: bold;
		font-size: 0.77rem;
		color: #FFF;
	}
	.detailchat-r a{
		font-size: 0.77rem;
		color: #bd1d21;
		font-weight: bold;
		line-height: 2.2rem;
		margin-left: 0.85rem;
	}
	.detailchat-r a img{
		width: 0.94rem;
		margin-left: 0.36rem;
		   position: absolute;
		   right:0.4rem;
		   top: 0.64rem;

	}
	.detailchat .copytext{
		position: absolute;
		bottom: -1.6rem;
		left: 2rem;
		line-height: 1.24rem;
		font-size: 0.64rem;
		color: #FFF;
		background: #262c38;
		border-radius: 8px;
		padding:0 0.5rem;
		display: none;
	}
	.copytext:before{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0.21rem 0.21rem 0.21rem;
		border-color: transparent transparent #262c38 transparent;
		position: absolute;
		top: -0.21rem;
		left: 0.64rem;
	}
	#weixin{
		opacity: 0;

	}
	.routebox{
		color: #FFF;
		font-size: 0.6rem;
		height: 100%;
		padding-top:  0.54rem;
		box-sizing: border-box;
	}
	.routebox a{
		font-size: 0.6rem;
		color: #FFF;
		line-height: 1.1rem;
	}
	.routebox .back{
		width: 1rem;
		height: 1rem;
		margin-right: 0.4rem;
	}


}

@media (max-width: 680px){
	.detailmain .mesbox,.detailmain .rightchat{
		display: none;
	}
}