@media (max-width: 1000px){
	.content{
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}
	.menubtn {
	    position: absolute;
	    top: 0;
	    right: 0;
	    padding: 10px 15px;
	    cursor: pointer;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	    z-index: 2;
	    display: block;
	    margin-top:10px;
	}
	.menubtn .bar:nth-of-type(1) {
	    margin-top: 0px;
	}
	.fl{
		float: none;
	}
	.fr{
		float: none;
	}
	.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{
		display: block;
		position: absolute;
	    top: 5px;
	    right:0%;
	    padding: 5px 10px;
	    cursor: pointer;
	    -webkit-transition: 0.3s;
	    transition: 0.3s;
	    z-index: 2;
	    display: block;
	}
	.menubtn_close .bar{
		background: #333;
	}
	.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);
	}	
	.topchatbox {
		display: none;
	}
	.logo{
		width: 60%;
		margin: 20px 0;
	}
	header{
		z-index: 4;
	}
	header:after{
		display: none;
	}
	nav{
		height: auto;
		position: fixed;
		top: 59px;
		width: 100%;
		background:rgba(25,26,29,0.9);
		display: none;
		overflow-y: auto;
		max-height: 90%;
	}
	nav a{
		color: #333;
	}
	.nav ul{
		width: 100%;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.nav li{
		width: 100%;
		float: none;
		line-height: 40px;
		padding-left: 20px;

	}
	.nav li.navact, .nav li:hover{
		background: none;
	}
	.nav li a{
		font-size: 16px;
	}
	.code{
		position: static;
	}
	.nav li.navact a, .nav li:hover a{font-size: 16px;}
	.search{
		width: 100%;

	}
	.code{
		width: 40%;
		margin:30px auto;
	}
	.hotkey{
		background: #BD1D21;
		padding:20px 0;
	}
	.hotkeyleft{
		width:40%;
	}
	.hotkeyright{
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
	.hotkeyleft h3{
		font-size: 18px;
	}
	.hotkeyleft span{
		font-size: 14px;
	}
	.hotkeyleft:after{
		display: none;
	}
	.hotkeyright a{
		font-size: 16px;
		float: none;
		padding-left: 20px;
		line-height: 30px;
	}
	.hotkeyright a:first-child:before{
		display: block;
	}
	.hotkeyleft span{
		margin-top: 5px;
	}
	.titbox h2{
		font-size: 26px;
		margin-top: -30px;
	}
	.titbox span{
		font-size: 34px;
		line-height: 40px;
	}
	.inprotabpic{
		display: none;
	}
	.inprotab li{
		width: 100%;
		border:0 none;
	}
	.inprotab{
		border-radius: 10px;
		padding: 15px 0;
		width: 80%;
		margin: 0 auto 30px;
	}
	.inprotab li h4{
		margin-top: 0;
		line-height: 40px;
		font-size: 16px;
	}
	.inprodetailpic{
		float: none;
		width: 100%;
		border-radius: 20px;
	}
	.inprodetailtxt{
		width: 100%;
		float: none;
		margin: 0;
		padding: 30px 20px;
		box-sizing: border-box;
	}
	.inprodetailtxt h4{
		font-size: 20px;
		color: #1a1a1a;
		margin-bottom: 20px;
	}
	.inprodetail .inprodetail-pagination{
		width: 100%;
		bottom: auto;
		top: 270px;
	}
	.inprodetail:after{
		display: none;
	}
	.prochatbox{
		position: static;
		width: 100%;

	}
	.inprodetailtxt:after{
		top: 0;
		width: 44px;
		height: 50px;
	}
	.zxzx{
		width:30%;
		background-size: cover;
		background: #D31F2B;
		border-radius: 10px;
		height: auto;
		padding-bottom: 10px;
		float: left;
	}
	.zxzx img{
		width: 24px;
	}
	.fgzh_hand img{
		width: 20px
	}
	.fgzh_hand{
		right: 20px;
		top: 10px;
	}
	.zxzx p{
		font-size: 16px;
		margin-top: 0;
	}
	.fwrx{
		width: 70%;
		box-sizing: border-box;
		padding-left: 20px;
		margin: 0;
		background:none;
		border-bottom: 2px solid #D31F2B;
		padding-bottom: 8px;
	}
	.fwrx a{
		font-size: 30px;
		margin-top: 0px;
	}
	.prochatbox {
		overflow: hidden;
		margin-bottom: 30px;
	}
	.insolulist{
		padding: 0;
		margin-top: 30px;
	}
	.inprolist li, .insolulist li{
		width: 48%;
		margin-bottom: 30px;
	}
	.inprolistpic, .insolupic{
		border-radius: 8px;
	}
	.inprolist li span, .insolulist li span{
		display: none;
	}
	.inprolist li h4{
		width: 100%;
		padding: 0 15px;
		font-size: 15px;
		line-height: 40px;
	}
	.inprolist li:after{
		right: 0;
	}
	.insolu{
		background: none;
	}
	.insolu .titbox{
		width: 100%;
		margin: 0;
	}
	.insolulist li{
		background: #F4FAFE;
		padding-bottom: 15px;
		border-radius: 10px;
	}
	.insolulist li h4{
		font-size: 16px;
		margin-top: 15px;
		padding:0 10px;
	}
	.insolulist li p{
		display: none;
	}
	.inabout .inaboutlist{
		position: static;
	}

	.insolulist li:before{
		display: none;
	}
	.inabout .content{
		position: static;
		transform:none;
	}
	.inabout:before{
		display: none;
	}
	.inabouttxt{
		color: #1a1a1a;
		width: 100%;
		padding: 0;
		margin: 0;
		margin-top: 30px;
	}
	.inabouttxt span{
		font-size: 80px;
		line-height: 60px;
	}
	.inabouttxt p{
		padding: 0;
		font-size: 15px;
		line-height: 1.7em;
	}
	.inabout .inaboutlist {
		padding: 30px 20px;
	}
	.inabout .inaboutlist li{
		width: 50%;
		margin-bottom: 20px;
	}
	.inaboutlisttxt h3{
		font-size: 22px;
	}
	.inaboutlist li img{
		float: none;
		width: 28%;
		margin: 0 auto 10px;
	}
	.inaboutlisttxt{
		width: 100%;
		text-align: center;
		float: none;
		margin: 0;
		padding-left: 10px;
		box-sizing: border-box;

	}
	.innews{
		padding-top: 50px;
	}
	.innewslist{
		width: 100%;
	}
	.innewsright{
		width: 100%;
		margin-top: 30px;
	}
	.innewstop{
		margin: 0;
	}
	.innewstit{
		padding-bottom: 10px;
	}
	.innewstit h3{
		font-size: 22px;
	}
	.innewstit a{
		margin-top: 6px;
	}
	.innewslist li:before{
		left: 0;
		right: 0;
		border-radius: 10px;
	}
	.innewspic{
		border-radius: 10px;

	}
	.innewsitem li{
		line-height: 40px;
	}
	.innewslist li{
		margin:0;
		width: 48%;
		margin-right: 4%;
	}
	.innewslist li:nth-child(2n){
		margin-right: 0;
	}
	.innewslist li h4{
		line-height: 40px;
		padding:0 10px;
		margin: 0;
		box-sizing: border-box;
	}
	.innewstop:nth-child(2n+1) .innewslist{
		margin-top: 30px;
	}
	.innewstop:nth-child(2n+1) .innewslist li{
		margin-left: 0;
		margin-right: 4%;
	}
	.innewstop:nth-child(2n+1) .innewslist li:nth-child(2n){
		margin-right: 0;
	}
	.incases .swiper-slide{
		transform: none;
		width: 100%;
		margin: 0;
	}
	.incases .swiper-slide-active{
		margin: 0;
		transform: none;
	}
	.incases:after{
		display: none;
	}
	.incases .swiper-slide-active .incasespic:after{
		display: none;
	}
	.incases .swiper-slide-active .incasespic{
		margin: 0;
		width: 100%;
	}
	.incases .swiper-slide-active .incasestxt{
		transform: none;
		width: 100%;
		margin: 0;
		padding: 0;
		border-radius: 0;
		bottom: 0;
		line-height: 40px;
		height: 40px;
		top: auto;
		background: rgba(189, 29, 33, 0.84);

	}
	.incases .swiper-slide-active .incasestxt h4{
		margin-bottom: 0;
		padding: 0 10px;
	}
	.incases .swiper-slide-active .incasestxt p{
		display: none;
	}
	.incases .swiper{
		padding:0;
	}
	.incasesbox{
		padding-top:50px;
		padding-bottom:50px;
	}
	.incasesbtn{
		width: 80px;
		height: 40px;
	}
	.incasesbtn div{
		background-size: cover;
	}
	.incasesbtn .swiper-button-next{
		background-size: cover;

	}
	.links{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.links h4{
		width: 100%;
		float: none;
	}
	.linkscon{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.linkscon a{
		margin-bottom: 10px;
	}
	.foottop ul li{
		font-size: 14px;
		border:0 none;
	}
	.foottop ul li a{
		font-size: 18px;
	}
	.totop{
		width: 40px;
	    height: 40px;
	    background-size: 24px 20.4px;
	    right: 30px;
	}
	.aboutleft{
		width: 100%;
	}
	.aboutpic{
		position: static;
		border:0 none;
		border-radius: 10px;
		width: 100%;
	}
	.titbox{
		margin-bottom: 30px;
	}
	.aboutright{
		width: 100%;
	}
	.aboutright p{
		margin: 0;
		margin-top: 30px;
	}
	.listban>img{
		height: 280px;
	}
	.aboutright p{
		color: #333
	}
	.aboutright .inaboutlist{
		margin-top: 40px;
	}
	.aboutright .inaboutlisttxt h3{
		font-size: 20px;
	}
	.pbot{
		padding-bottom: 40px;
	}
	.titbox p{
		margin-top: 30px;
	}
	.epcboxpic{
		display: none;
	}
	.epcbox{
		background-size: cover;
		padding: 0;
	}
	.epctxt{
		position: static;
		transform: none;
	}
	.epctxtcon{
		margin: 0;
		width: 100%;
	}
	.epctxtcon:before{
		display: none;
	}
	.epctxtlistpic{
		width: 100%;
		padding:0 20px;
	}
	.epctxtlisttxt{
		width: 100%;
		padding: 0 20px;
		margin-top: 30px;
	}
	.epctit{
		margin-bottom: 20px;
		padding: 0 20px;
		background: #BD1D21;
		border:0 none;
	}
	.epctit span{
		display: none;
	}
	.epctxtlist{
		margin-bottom: 30px;
	}
	.culturepic{
		width: 100%;
	}
	.culturepic img{
		margin-bottom: 20px;
	}
	.culturetxt{
		width: 100%;
		margin-top: 30px;
	}
	.culturetxt li h4{
		font-size: 18px;
		line-height: 33px;
		margin-bottom: 10px;
	}
	.honor{
		padding-top: 0;
		background: none;
	}
	.honor p{
		color: #333;
	}
	.honorpic{
		padding: 0px ;
		margin-top: 30px;
	}
	.honorpicleft{
		width: 100%;
	}
	.honorpicright{
		width: 100%;
		margin-top: 30px;
	}
	.honorpicright .honorpicitem{
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.honorpicright .honorpicitem:nth-child(2n){
		margin-right: 0;
	}
	.honorpicleft .honorpicitem{
		width: 32%;
		margin-right: 2%;
	}
	.honorpicleft .honorpicitem:nth-child(3n){
		margin-right: 0;
	}
	.inprolist li{
		margin-top: 0;
	}
	.inprotab{
		margin-top: 30px;
	}
	.itempic{
		height: 320px;
	}
	.itempic:after{
		display: none;
	}
	.prolisttit{
		margin-bottom: 30px;
	}
	.prolisttit h2{
		font-size: 24px;
	}
	.prolisttit a{
		height: 30px;
		line-height: 30px;
		padding: 0 15px;
		font-size: 14px;
		margin-top: 4px;
	}
	.prolisttit a span{
		padding-right: 26px;
	}
	.prolist {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.foottop ul li:first-child a{
		font-size: 24px;
	}
	.foottop ul{
		padding: 20px 0;
	}
	.promain{
		padding-top: 0;
	}
	.inprodetail{
		padding-top: 30px;
	}
	.solulist{
		padding-top: 20px;
		border-radius: 30px;
	}
	.solulist .insolulist li{
		margin-bottom: 40px;
	}
	.detail{
		margin-top: 40px;
	}
	.detail .inprodetailtxt{
		width: 100%;
	}
	.detail .inprodetailtxt h1{
		font-size: 20px;
		color: #333;
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.detailtit{
		top: 0;
		font-size: 18px;
		padding: 10px;
		width: 56px;
		right: 15px;
	}
	.detailtit:after{
		width: 56px;
		background-size: cover;
		height: 11px;
		bottom: -11px;
	}
	.zxlxphone a{
		font-size: 22px;
	}
	.zxlxbox:before{
		display: none;
	}
	.zxlxbox{
		padding-top:77px;
	}
	.zxlxbox:after{
		top: 77px;
	}
	.zxlxright{
		margin-left: 31%;
		width: 69%;
	}
	.zxlxphone{
		padding: 10px 0 0;
	}
	.zxlxchat{
		width: 100%;
		height: 48px;
		padding-top: 12px;
	}
	.zxlxchat a{
		font-size: 16px;
		line-height: 33px;
	}
	.zxlxchat a span,.zxlxchat a.dezxzx span{
		padding-left: 0;
		background: none;
	}
	.zxlxchat a.dezxzx{
		font-size: 16px;
		padding-left: 25px;
		line-height: 33px;
	}
	.zxlxchat .fgzh_hand{
		top: 15px;
		right: 34px;
	}
	.zxlxcode p{
		position: static;
		background: none;
		padding-top: 0;
		margin-left: 0;
		font-size: 14px;
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}
	.zxlxcode img{
		float: none;
		width: 70%;
		margin:0 auto;
	}
	.zxlxcode{
		float: left;
		width: 27%;
	}
	.deright{
		width: 100%;
		margin-top: 50px;
	}
	.derighttop h3{
		padding-left: 45px;
		padding-top: 20px;
		margin-bottom: 30px;
		font-size: 18px;
	}
	.derighttop h3:before{
		height:  40px;
		width: 90px;
	}
	.derighttop h3:after{
		top: 10px;left: 25px;
		border-top-left-radius: 20px;
	}
	.derighttop{
		padding-bottom: 40px;
	}
	.mtop{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.sidenews li{
		width: 100%;
		line-height: 40px;
	}
	.deleft{
		width:98.5%;
		margin-left: 1.5%;
	}
	.sidetit h3{
		font-size: 20px;
		height: 50px;
		line-height: 50px;
	}
	.sidepro li{
		line-height: 50px;
		padding-left: 30px;
	}
	.sidepro li:before{
		width: 26px;
		height: 26px;
		margin-top: -13px;
		background-size: 8px 13.6px;
	}
	.sidepro li a{
		font-size: 16px;
	}
	.deleft:before{
		top: 70px;
		bottom: 30px;
	}
	.caselistpic{
		width: 100%;
	}
	.caselist{
		padding-top: 30px;
	}
	.caselisttxt{
		width: 100%;
		padding-right: 0px;
		margin-top: 30px;
	}
	.caselist li h4{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.caselist li:after{
		display: none;
	}
	.casetxt{
		margin-bottom: 30px;
	}
	.caselisttxt{
		background: #F7FCFF;
		padding:30px 20px;
	}
	.caselist li span{
		margin-right: -20px;
	}
	.caselist li{
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	.casetit h1{
		font-size: 20px;
	}
	.detailmain .zxlxbox{
		padding-top: 40px;
	}
	.detailmain{
		padding-left: 0;
	}
	.detailmain .zxlxcode{
		float: left;
		width: 27%;
		padding-left: 0;
	}
	.detailmain .zxlxcode img{
		width: 70%;
		float: none;
		margin: 0 auto;
	}
	.solulist .detailmain {
		padding-top: 0;
	}
	.detailmain .zxlxchat {
	    width: 100%;
	    height: 48px;
	    padding-top: 12px;
	    margin-right: 0;
	}
	.detailmain .zxlxphone a{
		font-size: 22px;
	}
	.detailmain .zxlxbox:after{
		top: 37px;
	}
	.detailmain .zxlxchat a.dezxzx{
		line-height: 33px;

	}
	.detailmain .zxlxchat a span{
		padding-left: 0;
		line-height: 33px;
	}
	.detailmain .zxlxchat a.dezxzx{
		padding-left: 25px;
	}
	.detailmain .zxlxchat{
		padding-top: 10px;
	}
	.detailmain .zxlxchat .fgzh_hand {
	    top: 15px;
	    right: 32px;
	}
	.detailmain .zxlxright{
		margin-left: 33%;
	}
	.newsbtn{
		display: none;
	}
	.newsbigpic{
		width: 100%;
	}
	.newslist li{
		width: 100%;
		padding: 15px 20px;
	}
	.newsdate span{
		font-size: 32px;
	}
	.newsdate{
		width: 18%;
	}
	.newsitem{
		width: 76%;
	}
	.newslist li p{
		margin-top: 15px;
	}
	.newslist li h4{
		font-size: 16px;
		margin-top: 10px;
	}
	.newslist li{
		margin-bottom: 30px;
	}
	.newslist{
		margin-top: 30px;
	}
	.newmore{
		width: 65%;
		margin-bottom: 50px;
	}
	.newsbigpic:after{
		width: 44px;
    	height: 50px;
    	background-size: cover;
	}
	.newsbigtxt{
		width: 100%;
		margin-bottom: 30px;
	}
	.newsbigtxt h4{
		color: #333;
		font-size: 20px;
	}
	.newsbigtxt span{
		color: #333;
	}

	.newsbigtxt p{
		font-size: 16px;
		color: #333;
		margin-top: 10px;
	}
	.news-button{
		left:auto;
		right: 20px;
		bottom: 25px;
	}
	.news-swiper{
		padding-bottom: 50px;
	}
	.newsbigpic:after{
		right: 25px;
	}
	.newslistbox{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.searchbox h2{
		font-size: 26px;
	}
	.searchbox h2:before{
		width: 100px;
		left: -120px;
	}
	.searchbox h2:after{
		width: 100px;
		right: -120px;
	}
	.searchbox .search{
		width: 80%;
		height: 40px;

	}
	.searchbox .search input{
		line-height: 40px;
		height: 40px;
	}
	.searchbox .search .searchbtn{
		height: 40px;
		padding: 0;
	}
	.searchtab>p{
		float: none;
		font-size: 18px;
	}
	.searchtab>p span{
		font-size: 26px;
	}
	.searchtab ul{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.searchtab li{
		font-size: 16px;
	}
	.searchtit h4{
		width: 100%;
		float: none;
		max-width: initial;
		font-size: 16px;
	}
	.search-result .caselisttxt{
		width: 100%;
	}
	.search-result .caselistpic{
		width: 100%;
	}
	.searchnews li{
		padding: 35px 0;
	}
	.searchtit>span{
		float: none;
		margin-top: 10px;
	}
	.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%;
	}
	#dituContent{
		height: 400px;
	}
	.contacttxt ul{
		width: 100%;
	}
	.contactcode{
		width: 100%;
	}
	.contacttxt ul li a strong{
		font-size: 30px;
	}
	.contacttxt ul li{
		margin-bottom: 30px;
	}
	.contactcode>img{
		width: 40%;
		margin:0 auto;
	}
	.tactzxly,.tactzxzx{
		width: 60%;
		margin:15px auto;
	}
	.contactleft{
		margin-top: 40px;
	}
	.contactleft .titbox p{
		margin-top: 10px;
	}
	.new-liuyan{
		padding:30px 20px;
		margin-top: 40px;
	}
	.contactright h3{
		font-size: 26px;
	}
	.contactright .zxlybtn input[type="submit"]{
		width: 46%;
	}
	.new-liuyan .zxlybtn input[type="reset"]{
		width: 46%;
	}
}
@media (max-width: 500px){
	.banner,.searchban{
		overflow: hidden;
		height:200px;
		position: relative;
	}
	
	.banner img,.searchban img{
		position: absolute;
	    width: auto;
	    max-width: none;
	    left: 50%;
	    height: 100%;
	    transform: translateX(-50%);
	}
	
}