@charset "UTF-8";

@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;
	}

	.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);
	}	
	.phone,.code{
		display: none;
	}
	.head>a{
		width: 56%;
		margin-bottom: 20px;
	}
	.header{
		height: auto;
	}
	.nav{
		margin-top: 0;
		height: auto;
		position: absolute;
		top: 62px;
		z-index: 2;
		background: rgba(0,0,0,0.8);
		display: none;
		padding-bottom: 30px;
		z-index:3;
	}
	header{
		height: auto;
	}
	.nav ul{
		margin: 30px 0 10px;
		overflow: hidden;
		width: 100%;
		float: none;
	}
	.nav ul li{
		float: none;
		line-height: 50px;
	}
	.nav ul li.navact:before, .nav ul li:hover:before{
		left: 25px;
		margin-left: 0;
	}
	
	.nav ul li:after{
		display: none;
	}
	.chat{
		background: #FFF;
		height: 50px;
		line-height: 50px;
		margin: 0;
		margin: 0 auto;
		float: none;
		width: 50%;
		border-radius: 10px;
	}

	.titbox span{
		font-size: 30px;
		line-height: 32px;
	}
	.titbox h2{
		font-size: 26px;
	}

	.inaboutleft p{
		position: static;

	}
	.padd{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.inprotab li:first-child{
		width: 100%;
	}
	.inprotab li{
		width: 50%;
		line-height: 50px;
	}
	.inprotab li.inprotabact a{
		font-size: 20px;
	}
	.inprotab li.inprotabact span{
		background-size: 24px 12.8px;
		padding-right: 36px;
		font-size: 16px;
		display: block;
	}
	.inprotab li a span{
		background-size: 14.4px 8px;
		padding-right: 20px;
		font-size: 16px;
	}
	.inprobox li{
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	.inprobox li:nth-child(3n){
		margin-right: 4%;
		
	}
	.inprobox li:nth-child(2n){
		margin-right: 0;
	}
	.inpropic{
		border-radius: 0px 25px 0px 0px;
	}
	.inprobox li:after{
	    border-radius: 25px 0px 0px 25px;
	    left: 10px;
	    right: -10px;
	}
	.inprotxt h4{
		line-height: 45px;
		font-size: 15px;
	}
	.inprotxt{
		margin-right: -10px;
		padding-left: 20px;
	}
	.titbox{
		margin-bottom: 25px;
	}
	.insolu{
		background-size: cover;
		padding-top: 40px;
	}
	.solutit{
		float: none;
		width: 100%;
		text-align: center;
	}
	.solutop p{
		float: none;
		width: 100%;
		margin-top: 25px;
	}
	.solutit span{
		color: #FFF;
		font-size: 30px;
    	line-height: 32px;
	}
	.solutit h2{
		color: #FFF;
		font-size: 26px;
		margin-top: -20px;
	}
	.insolucon{
		margin-top: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.insolucon li{
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	.insolucon li:nth-child(2n){
		margin-right: 0;
	}
	.insolupic{
		border-radius: 25px 0px 0px 0px;
	}
	.insolucon li h4{
		border-radius: 0px 25px 0px 0px;
		margin-right: 15px;
		font-size: 16px;
	}
	.insolucon li p{
		display: none;
	}
	.insolucon li:after{
		display: none;
	}
	.inaboutleft{
		width: 100%;
	}
	.inaboutleft p{
		padding: 30px 20px;
	}
	.inaboutright{
		width: 100%;
	}
	.inaboutright img{
		margin-top: 15px;
		margin-bottom: 0;
	}
	.innewscon{
	    border-radius: 25px 0px 0px 0px;
		padding-bottom: 30px;
	}
	.innewslist{
		width: 100%;
	}
	
	.innewstop{
		margin-top: 25px;
	}
	.newstit h3{
		font-size: 18px;
	}
	.newstit a{
		width: 28px;
		height: 14.4px;
		background-size: cover;
		margin-top: 4px;
	}
	.innewspic{
		width: 30%;
	}
	.innewstxt{
		width: 67%;
	}
	.innewstxt h4{
		font-size: 16px;
	}
	.innewstxt p{
		margin-top: 20px;
	}
	.innewstop a:after{
		top: 32px;
	}
	.innewstop a{
		padding-bottom: 17px;
	}
	.innewlist li span{
		display: none;
	}
	.innewlist li h4{
		box-sizing: border-box;
		max-width: 100%;
	}
	.innewslist{
		margin-top: 40px;
	}
	.links h4{
		float: none;
	}
	.links ul{
		float: none;
		width: 100%;
		margin-top: 20px;
	}
	.links li a{
		padding: 0 22px;
	}
	.foottopleft{
		width: 100%;
		padding: 10px 30px;
	}
	.footpro{
		width: 100%;
	}
	.foottopnav{
		width: 100%;
	}
	.foottopcode{
		width: 40%;
		float: none;
		margin-top: 20px;
	}
	.foottopnav p a{
		font-size: 20px;
	}
	.fl,.fr{
		float: none;
	}
	.footpro {
		display: none;
	}
	.foottopnav ul{
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.foottopnav p{
		margin-bottom: 0;
	}
	.foottopnav ul li{
		margin-bottom: 10px;
	}
	.foottop{
		padding: 30px 0;
	}
	.route{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.proitemtit{
		width: 100%;
	}
	.proitemcon{
		width: 100%;
		margin-top: 30px;
	}
	.proitemcontop h2{
		font-size: 20px;
	}
	.proitemcontop h2 font{
		font-size: 40px;
		margin-right: 10px;
	}
	.proitemcontop a{
		margin-top: 30px;
	}
	.prolb .inprobox li{
		width: 48%;
	    margin-right: 4%;
	    margin-bottom: 30px;
	}
	.prolb .inprobox li:nth-child(2n){
		margin-right: 0;
	}
	.proitemcon .inprobox li h4, .prolb .inprobox li h4{
		font-size: 15px;
	}
	.prodetail{
		padding-top: 80px;
	}
	.detailbox{
		border-top-left-radius: 30px;
    	border-top-right-radius:30px;
	}
	.detailtop {
    	background: #F5F9FC;
    	margin-top: 10px;
    	padding-top: 30px;

	}
	.detailpic{
		width: 100%;
	}
	.detailtxt{
		width: 100%;
		padding: 0 20px;
	}
	.detailtop:before{
		display: none;
	}
	.detailpic2{
		bottom: 0;
	}
	.detailtxt{
		margin-top: 40px;
	}
	.detailtxt h1{
		font-size: 20px;
	}
	.detailtxt h1 span{
		height: 26px;
		margin-right: 20px;
	}
	.scnl{
		margin-left: 20px;
		margin-top: 25px;
	}
	.sbjj{
		margin-top: 60px;
	}
	.sbjjtit{
		font-size: 16px;
	}
	.totop{
		width: 40px;
		height: 40px;
		background-size: 24px 20.4px;
		right: 30px;
	}
	.route{
		padding-left: 15px;
	}
	.detailmain{
		margin-top: 50px;
	}
	.prochatleft span{
		font-size: 16px;
	}
	
	.prochatleft img{
		width: 35%;
	}
	.chatcode{
		display: none;
	}
	.prochatcen p{
		display: none;
	}
	.prochatcen{
		padding-left: 32%;
		width: 68%;
	}
	.prochatcen a span{
		display: none;
	}
	.prochatcen a{
		background: url(../images/chatphone.png) no-repeat left center;
		padding-left: 30px;
	}
	.prochatleft{
		height: 140px;
		width: 32%;
	}
	.prochat{
		height: 45px;
	}
	.prochatbox{
		margin-top: 0px;
		padding-top: 50px;
		background: #F5F9FC;
		margin-right: 0;
	}
	.deright h3{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.deright{
		width: 100%;
		padding-bottom: 50px;
	}
	.cpysbox p{
		line-height: 26px;
		margin-bottom: 20px;
		padding-left: 15px;
	}
	.cpysbox p:before{
		top: 0;
		margin-top: 10px;
	}
	.tablebox{
		overflow-x: auto;
	}
	.tablebox table{
		margin-top: 30px;
		width: auto;
		max-width: none;
		min-width: 700px;
	}
	.tablebox table th{
		padding: 10px 0;
	}
	.tablebox table td{
		line-height: 30px;
	}
	.mtop{
		margin-top: 40px;
	}
	.xgpro .inprotxt h4{
		font-size: 15px;
	}
	.xgnews ul li{
		width: 100%;
		padding-left: 20px;
	}
	.xgnews ul li:before{
		width: 6px;
		height: 6px;
		margin-top: -3px;
	}
	.deleft{
		width: 100%;
	}
	.leftside h3{
		background: #BD1D21;
		font-size: 20px;
		line-height: 50px;
		height: 50px;
		margin-bottom: 15px;
	}
	.sidepro li{
		line-height: 50px;
	}
	.leftside{
		padding-bottom: 15px;
	}
	.sidesolu{
		overflow:hidden;
	}
	.sidesolu li{
		float: left;
		width: 48%;
		margin-right: 4%;
	}
	.sidesolu li:nth-child(2n){
		margin-right: 0;
	}
	.solulist {
		margin-top: 0;
		padding-top: 10px;
		padding-bottom: 0;
	}
	.solulist li{
		margin-top:0;
	}
	.solulist li h4{
		line-height: 36px;
		font-size: 15px;
	}
	div.zxf_pagediv{
		text-align: center;
		margin-bottom: 0;
	}
	div.zxf_pagediv span, div.zxf_pagediv a{
		margin-top: 5px;
	}
	.soludetail .detailtxt h1{
		margin-bottom: 70px;
	}
	.newslist .innewstop{
		width: 100%;
	}
	.newslisttit h4{
		float: none;
		width: 100%;
	}
	.newslisttit span{
		display: none;
	}
	.newslist .innewstxt p{
		padding-right: 15px;
		font-size: 15px;

	}
	.newslist .innewstxt p{
		margin-top: 15px;
	}
	.newslisttit h4{
		line-height: 26px;
	}
	.newslist .innewstop a:after{
		top: 30px;
	}
	.newslist .innewstop{
		margin-bottom: 40px;
	}
	.prodetail .route{
		padding-left: 15px;
	}
	.newsdetop{
		padding-top: 20px;
	}
	.newsdetop h1{
		font-size: 24px;
	}
	.fgzhtop p{
		display: none;
	}
	.fgzhtop{
		width: 70%;
		margin-left: 30%;
		padding-top: 16px;
	}
	.fgzh_btn{
		width: 100%;
		margin: 12px 0 30px;
	}
	.fgzh_btn a{
		margin-right: 5%;
		line-height: 35px;
		height: 35px;
	}
	.fgzhfootleft>img{
		width: 22.5%;
		left: 10px;
	}
	.fgzhfootleft p{
		text-align: center;
		margin-left: 0;
		font-size: 15px;
		line-height: 35px;
		background: #BD1D21;
		border-top-right-radius: 20px;
	}
	.fgzhfootleft p img{
		display: none;
	}
	.fgzhfoot{
		height: 35px;
		background: none;
	}
	.fgzhbox{
		margin-top: 30px;
	}
	
	.fgzhfootright>span{
		line-height: 30px;
		margin-top: -25px;
	}
	.fgzhfootright>a{
		font-size: 22px;
		line-height: 20px;
		margin-top: 5px;
	}
	.fgzh_hand{
		margin-left: 5px;
		margin-top: -13px;
	}
	.fgzhfootright{
		padding-left: 3%;
	}
	.nextprev{
		padding-top: 10px;
		padding-bottom: 20px;
	}
	.aboutpic{
		width: 100%;
		margin-left: 0;
	}
	.aboutmain>p{
		width: 100%;
		margin-left: 0;
	}
	.aboutone{
		position: static;
		width: 100%;
	}
	.aboutone p{
		width: 100%;
		margin-top: 30px;margin-bottom: 40px;
	}
	.aboutonepic{
		padding:0;
	}
	.aboutmain{
		padding-bottom: 0;
	}
	.honorlist{
		background:none;
		margin-bottom: 30px;
	}
	.honorcon{
		width: 100%;
		padding: 0;
		align-items: flex-start;
	}
	.honorlist2 .honorcon{
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	.honorcon li p{
		line-height: 22px;
		min-height: 66px;
	}
	.contactmain h2{
		font-size: 24px;
	}
	.contactmain ul li{
		width: 100%;
		margin-top: 50px;
	}
	.contactpic{
		width: 80px;
		height: 80px;	
		margin: 0 auto 20px;
	}
	.contactmain ul{
		margin-top: 0;
	}
	.contactmain ul li h3{
		font-size: 18px;
		padding: 10px 0;
	}
	.contactmain ul li a{
		font-size: 22px;
	}
	.contactmain ul li p{
		margin-top: 20px;
	}
	.new-liuyan{
		background: #FFF;
		margin-top: 70px;
		padding: 40px 20px;
	}
	.new-liuyan h4{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.new-liuyan ul li.liuyandetail, .new-liuyan ul li.zxlytextarea p{
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.new-liuyan input, .new-liuyan select{
		line-height: 30px;
		height: 30px;
	}
	.new-liuyan ul li label font{
		font-size: 14px;
	}
	#dituContent{
		height: 400px;
	}
	.fourtop{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.fourtop h3{
		font-size: 22px;
	}
	.fourtop img{
		width: 80%;
	}
	.fourbot{
		background: url(../images/fourbg.jpg) no-repeat center top;
		background-size: 100%;
		margin-bottom: 20px;
	}
	.fourbotleft{
		width: 100%;
	}
	.fourbotright{
		width: 100%;
	}
	.fourbotleft p{
		line-height: 24px;
		text-align: center;
		font-size: 15px;
	}
	.fourbotleft p a{
		display: block;
		margin-top: 15px;
	}
	.fourcode{
		margin-top: 30px;
	}
	.fourcode p{
		color: #333;
	}
	.fourbotright{
		margin-top: 40px;
	}
	.fourbotright h3{
		margin-left: 0;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.fourbotrcon{
		padding-left: 0;
		padding:0;
	}
	.fourbotrcon li{
	}
	.fourlisttxt h4{
		font-size: 16px;
	}
	.fourlisttxt h4 font:before{
		width: 15px;
		left:-20px;
	}
	.fourlisttxt h4 font:after{
		width: 15px;
		right:-20px;
	}
	.fourlisttxt{
		padding-top: 14px;
		height: auto;
		padding-bottom: 14px;
	}
	.fourlisttxt a{
		width: 70%;
		font-size: 14px;
		margin-top: 10px;
		line-height: 24px;
		height: 24px;
	}
	.newsmore{
		width: 80%;
		line-height: 45px;
		height: 45px;
		margin-top: 0;
	}
}

@media (max-width: 500px){
	.banner{
		overflow: hidden;
		height:200px;
		position: relative;
	}
	
	.banner img{
		position: absolute;
	    width: auto;
	    max-width: none;
	    left: 50%;
	    height: 100%;
	    transform: translateX(-50%);
	}
	
}