@media screen and (max-width: 1400px) {
	:root {
		--max: calc(100% - 30px);
		--font44: 30px;
		--font38: 30px;
		--font24: 20px;
		--font20: 18px;
		--font18: 16px;
		--font16: 14px;
		--font14: 12px;
		--top70: 50px;
		--top50: 40px;
	}

	.logo {
		width: 130px;
	}

	.nav ul li {
		margin-left: 20px;
		font-size: 14px;
	}

}

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

@media screen and (max-width: 992px) {
	:root {
		--font44: 20px;
		--font38: 18px;
		--font24: 14px;
		--top70: 30px;
		--top50: 20px;
		--top30: 10px;
	}

	.banner_text p {
		margin-top: 10px;
	}

	.hertre_cen form {
		display: none;
	}

	.nav ul li {
		margin-left: 0px;
		margin-right: 15px;
	}

	.gg ul li {
		line-height: 60px;
	}

	.gg_text>h1 {
		padding-bottom: 20px;
	}

	.gg_text>h1::after {
		width: 60px;
		height: 4px;
	}

	.zp_top a {
		width: 100px;
		line-height: 36px;
	}

	.zp_l {
		width: calc(100% - 110px);
	}

	.zp_l h1 {
		font-size: 18px;
		font-weight: bold;
	}

	.zp_xz p {
		font-size: var(--font16);
		background-size: 15px 16px;
		line-height: 16px;
		padding-left: 20px;
	}

	.zp_bq span {
		font-size: 12px;
		margin-right: 15px;
		padding: 0 10px;
		line-height: 26px;
	}

	.zp_text>h6 {
		font-size: 17px;
	}

	.xiw ul li img {
		width: 200px;
	}

	.tem p {
		font-size: 14px;
	}

	.tem h1 {
		font-size: 50px;
	}

	.tem {
		width: 70px;
	}

	.xw_r {
		width: calc(100% - 300px);
	}

	.xw_r p {
		font-size: 12px;
		line-height: 24px;
	}

	.fuwu ul li img {
		height: 200px;
	}

	.ly_bottom img {
		width: 70%;
	}

	.mySwiper_an {
		width: calc(100% - 100px);
	}

	.al_max .swiper-button-next,
	.al_max .swiper-button-prev {
		width: 30px;
		height: 30px;
	}

	.al_max .swiper-button-next::after,
	.al_max .swiper-button-prev::after {
		font-size: 14px;
	}

	.mySwiper_an .swiper-slide img {
		height: 40vw;
	}

	.ly_top ul li {
		font-size: 12px;
	}

	.jjfa_l {
		width: calc(100% - 300px);
	}

	.jjfa_top img {
		width: 280px;
	}

	.heyou_max {
		margin: 50px auto;
	}

	.footer_max ul h1{
		font-size: 17px;
	}
	.foo_ul{
		margin-top: 20px;
	}
	.erwei,
	.foo_tmk img{
		width: 130px;
	}

	.foo_tmk h1{
		font-size: 18px;
	}
	.erwei p{
		font-size: var(--font14);
	}

}


@media screen and (max-width: 768px) {
    .djkas p{
        margin-top: 0px;    
    }
	.an {
		display: block;
	}

	.logo {
		width: 130px;
		left: 3%;
	}

	.hertre {
		height: 70px;
		background: #fff;
		position: fixed;
		top: 0px;
		z-index: 999;
	}

	.nav {
		width: 100%;
		top: 70px;
		height: calc(100% - 70px);
		position: fixed;
		background: #fff;
		display: none;
		left: 0;
		transform: translate(0%, 0%);
		transition: auto;
		border-top: 1px rgb(0, 0, 0, 0.1) solid;
	}

	.nav ul li {
		width: 100%;
		float: none;
		text-align: center;
		border-bottom: 1px rgb(0, 0, 0, 0.1) solid;
		line-height: 60px;
		font-size: 12px;
		margin: 0px;
	}

	.nav_ul {
		position: static;
		width: 100%;
		left: 0%;
		 transform: translateX(0%);
		padding-bottom: 20px;
	}

	.nav_ul a {
		width: 100%;
		background: none;
	}

	body {
		padding-top: 70px;
	}

	.en {
		margin-right: auto;
		margin-left: 20px;
	}

	.lx ul li {
		width: 100%;
	}

	.lx ul li img {
		width: 50px;
	}

	#map {
		height: 250px;
	}

	.zp_l,
	.zp_text {
		width: 100%;
	}

	.zp_top a {
		margin-top: 20px;
	}

	.zp_text {
		font-size: 12px;
		line-height: 30px;
	}

	.xiw ul li img {
		width: 100%;
		margin-bottom: 20px;
	}

	.xw_r {
		width: calc(100% - 100px);
	}

	.hb_max ul {
		margin-top: 10px;
		justify-content: space-between;
	}

	.kehu ul {
		justify-content: space-between;
	}

	.hb_max ul li {
		width: calc(50% - 10px);
		height: 80px;
		margin-left: 0px;
		margin-top: 20px;
	}

	.kehu ul li {
		width: calc(50% - 10px);
		overflow: hidden;
		margin-left: 0px;
		height: 50px;
	}

	.fuwu>h1::after,
	.hb_max>h1::after,
	.kehu>h1::after {
		width: 23px;
		height: 15px;
		left: -40px;
	}

	.fuwu>h1::before,
	.hb_max>h1::before,
	.kehu>h1::before {
		width: 23px;
		height: 15px;
		right: -40px;
	}

	.fuwu ul li {
		width: 100%;
	}

	.ly_bottom img {
		width: 100%;
	}

	.ly_bottom p {
		position: static;
		transform: translate(0%, 0%);
		width: 100%;
		margin-top: 20px;
		padding: 20px;
	}

	.ly_left h1 {
		font-size: 20px;
	}

	.ly_top ul {
		width: 100%;
	}

	.jjfa_l {
		width: 100%;
	}

	.jjfa_top img {
		width: 100%;
		margin-top: 20px;
	}

	.jjfa ul li:nth-child(2n)>h1 {
		text-align: left;
	}

	.jjfa ul li:nth-child(2n)>h1::after {
		left: 0;
		right: auto;
	}

	.jjfa ul li:nth-child(2n) .jjfa_top h1,
	.jjfa ul li:nth-child(2n) .jjfa_top p,
	.jjfa ul li:nth-child(2n) .jjfa_top .jjfa_text {
		text-align: left;
	}

	.jjk_text {
		font-size: 18px;
		line-height: 18px;
	}

	.heyou_max ul {
		margin-top: 20px;
		justify-content: space-between;
	}

	.heyou_max ul li h1 {
		font-size: 14px;
		margin-top: 10px;
	}

	.hangye ul li {
		width: 100%;
		height: 150px;
		margin-bottom: 15px;
	}

	.hangye {
		margin-top: 30px;
	}

	.jingdiuan {
		margin: 30px auto 0;
	}
	.jduj{
		width: 100%;
	}
	.jduj_max .swiper-slide{
		height: 150px;
	}
	.jduj_max{
		padding: 30px 0;
	}
	.jingdiuan ul{
		margin-top: 0px;
	}
	.jingdiuan ul li{
		width: 100%;
		margin-top: 20px;
	}
	.jingdiuan ul li p{
		margin-top: 0px;
	}
	.footer_max ul{
		width: 100%;
	}
	.footer_max ul{
		margin-bottom: 5px;
		
	}
	.foo_tmk{
		width: 100%;
	}
	.foo_ul{
		margin-top: 10px;
		padding-left: 20px;
		display: none;
		transition: auto;
		margin-bottom: 15px;
	}
	.footer_max ul h1{
		line-height: 50px;
		padding: 0 10px;
		background: #b9b9b930;
		font-size: 14px;
		font-weight: 500;
	}
	.footer_max ul h1 span{
		display: block
	}
	.foo_tmk{
		margin-top: 30px;
	}
	.foo_tmk img{
		margin: auto;
	}
	.foo_tmk h1{
		text-align: center;
	}
	.erwei{
		width: 150px;
		margin: auto;
		margin-top: 20px;
	}
	.top a{
		font-size: 12px;
		background-size: 12px 12px;
		padding-left: 15px;
	}
	.foo_ul li{
		font-size: 12px;
	}
	.susou .xw_r{
		width: calc(100% - 80px);
	  }
	  .heyou_max>h1{
	      color: #000;
	  }
.heyou_max>p{
    margin-top: 5px;
    color: #000;
}
.heyou_max ul li h1,
.heyou_max ul li p{
    color: #000;
}
.heyou_max{
    margin: 30px auto;
}
.heyou{
  background: none !important;
  background: #fff;
}
.heyou::after{
    display: none;
}

}

@media screen and (max-width: 640px) {
	.fufug ul li {
		width: 100%;
	}

	.jjfa_a a {
		width: 100%;
	}
}