@media screen and (max-width: 1550px) {
	:root{
		--width-1500: 96%;
	}
	.content_left{
		width: 45%;
	}
	.content_right{
		width: 50%;
	}
	.oisoi_l{
		width: 200px;
	}
	.oisoi_r{
		width: 300px;
	}
	.oisoi_c{
		width: calc(100% - 550px);
	}
	.consis_l{
		width: calc(100% - 350px);
	}
	.consis_r{
		width: 300px;
	}
}
@media screen and (max-width: 1250px) {
	:root{
		--width-1200: 96%;
	}
	.tanchi form{
		width: 96%;
		padding: 30px 10px;
	}
	.news_left{
		width: 45%;
	}
	.news_right{
		width: 52%;
	}
	.chanpin_l{
		width: 300px;
	}
	.chanpin_r{
		width: calc(100% - 320px)
	}
}

@media screen and (max-width: 1000px) {
	:root{
		--margin-top: 30px;
		--font-size: 20px;
	}
	.logo{
		width: 45px;
	}
	.nav ul li{
		font-size: 12px;
		margin: 0 15px;

	}
	.en{
		background-size: 12px 12px;
		font-size: 12px;
		padding-left: 17px;
	}
	.content_left{
		width: 100%;
	}
	.content_right{
		width: 100%;
		margin-top: 30px;
	}
	.content_left ul{
		margin-top: 0px;
	}
	.content_left ul li img{
		width: 15px;
	}
	.content_test{
		width: calc(100% - 25px);
		font-size: 12px;
		line-height: 15px;
	}
	.tanchi form>h1,
	.form>h1,
	.content_left>h1{
		font-size: 16px;
	}
	.content_left>p{
		font-size: 12px;
		margin-top: 20px;
		padding-bottom: 20px;
		line-height: 24px;
	}
	
	.form>p{
		font-size: 12px;
		margin-top: 10px;
		line-height: 24px;
	}
	.tanchi form>p{
		font-size: 12px;
		margin-top: 10px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.Journey{
		padding: 30px 0;
	}
	.banner_text span,
	.banner_text p,
	.Journey p{
		font-size: 12px;
		line-height: 24px;
		margin-top: 10px;
	}
	.shwo_c_right a,
	.Journey a{
		font-size: 12px;
		line-height: 36px;
		margin-top: 10px;
	}
	.xuelei ul{
		margin: 50px auto;
	}
	.xuelei ul li h1{
		font-size: 20px;
	}
	.xuelei ul li p{
		font-size: 12px;
		margin-top: 10px;
	}
	.banner_show img{
		height: 200px;
	}
	.chanpin{
		margin: 30px auto;
	}
	.shwo_c_top>img,
	.chanpin_l{
		width: 100%;
	}
	.shwo_c_right,
	.chanpin_r{
		width: 100%;
		margin-top: 30px;
	}
	.oisoi_l{
		width: 100%;
	}
	.oisoi_r{
		width: 100%;
		margin-top: 20px;
	}
	.oisoi_c{
		width: 100%;
		margin-top: 20px;
	}
	.smar_right h1{
		font-size: 18px;
	}
	.smar_right p{
		font-size: 12px;
		line-height: 26px;
		margin-top: 10px;
	}
	.smar_right span{
		font-size: 18px;
		margin-top: 20px;
	}
	.smar_text{
		font-size: 12px;
		line-height: 26px;
		margin-top: 10px;
	}
	.weaa_r h1,
	.we_r>h1,
	.sta>h1{
		font-size: 20px;
		line-height: 26px;
	}
	.weaa>img,
	.we>img{
		width: 100%;
	}
	.weaa_r,
	.we_r{
		width: 100%;
		padding: 30px;
	}
	.weaa_r p{
		font-size: 12px;
		line-height: 26px;
	}
	.we_r ul li{
		width: 100%;
	}
	.we_r ul li img{
		width: 30px;
	}
	.we_r ul li h1{
		width: calc(100% - 40px);
		font-size: 16px;
	}
	.footer_cen ul{
		width: 100%;
		margin-bottom: 30px;
	}
	.dizhi{
		width: 100%;
	}
	
}

/*手机*/
@media screen and (max-width: 798px) {
	.an{
		display: block;
	}
	.en{
		margin-right: 70px;
	}
	.hertre{
		height: 70px;
		background: #fff;
		position: fixed;
		top: 0px;
		z-index: 999;
	}
	.hertre_cen p{
		right: 80px;
		font-size: 14px;
	}
	.nav{
		width: 100%;
		top: 70px;
		height: calc(100% - 70px);
		position: fixed;
		background: #fff;
		display: none;
		left: 0;
		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: 55px;
	    font-size: 12px;
	    margin: auto;
	    justify-content: space-between;
		padding: 0 20px;	
	}
	.nav_ul{
		position: static;
		width: 100%;
		left: 0%;
		padding-bottom: 20px;
		transform: translateX(0%);
		background: inherit;
	}
	.nav_ul a{
		width: 100%;
		color: #999;
		background: none;
		border-top: 1px dashed #999;
	}
	body{
		padding-top: 70px;
	}
	.form form{
		margin-top: 30px;
	}
	.tanchi form input,
	.tanchi form textarea,
	.tanchi form select,
	.form form textarea,
	.form form select,
	.form form label{
		width: 100%;
		margin-bottom: 10px;
	}
	.form form .submit,
	.form form textarea,
	.form form select,
	.form form label input{
		font-size: 12px;
	}
	.xuelei ul{
		margin: 30px auto;
		margin-top: 10px;
	}
	.xuelei ul li{
		width: 50%;
		margin-top: 20px;
	}
	.news_left{
		width: 100%;
	}
	.news_right{
		width: 100%;
		margin-top: 20px;
	}
	.news_right h1{
		font-size: 12px;
	}
	.news_right h2{
		font-size: 18px;
		margin-top: 20px;
	}
	.news_right p{
		font-size: 12px;
		line-height: 24px;
		margin-top: 20px;
		padding-bottom: 20px;
	}
	.mulu{
		width: 96%;
	}
	.show> h1{
		padding-top: 70px;
		font-size: 18px;
	}
	.faq_top h1,
	.mulu h1{
		font-size: 14px;
	}
	.mulu ul li{
		font-size: 12px;
	}
	.faq_bottom,
	.show_text{
		font-size: 12px;
		line-height: 30px;
	}
	.faq_ul{
		margin-top: 30px;
	}
	.core{
		margin-top: 0px;
	}
	.core ul li{
		width: 100%;
		margin-top: 30px;
	}
	.core ul li>img{
		width: 100%;
	}
	.core_right{
		width: 100%;
		margin-top: 20px;
	}
	.core_right h1{
		font-size: 16px;
	}
	.core_text{
		font-size: 12px;
		line-height: 26px;
		margin-top: 10px;
	}
	.here{
		padding: 30px 0;
	}
	.core>h1,
	.here h1{
		font-size: 16px;
	}
	.here ul li{
		width: 100%;
		font-size: 12px;
		line-height: 24px;
	}
	.us{
		font-size: 12px;
		line-height: 24px;
	}
	.tory ul li{
		width: calc(50% - 10px);
		margin-top: 20px;
	}
	.chanpin_r ul{
		justify-content: space-between;
		margin-bottom: 20px;
	}
	.chanpin_r ul li{
		width: calc(50% - 10px);
		margin-left: 0%;
		margin-bottom: 30px;
	}
	.oisoi_c h1{
		font-size: 18px;
		line-height: 36px;
	}
	.we_r>h1,
	.sta>h1,
	.weaa_r h1,
	.consis_l>h1,
	.ti>h1,
	.re>h1,
	.shwo_c_right h1{
		font-size: 18px;
	}
	.chanpin_r ul li h1{
		font-size: 14px;
	}
	.consis_l> p,
	.oisoi_r_text,
	.oisoi_c p,
	.iqehuan_tect,
	.shwo_c_right p,
	.shwo_c_right span,
	.shwo_c_text{
		font-size: 12px;
		line-height: 26px;
	}
	.iqehuan ul{
		justify-content: space-between;
	}
	.iqehuan ul li{
		font-size: 14px;
		margin: 0;
	}
	.re ul{
		justify-content: space-between;
	}
	.re ul li{
		width: calc(50% - 10px);
		margin-top: 20px;
		margin-left: 0px;
	}
	.ti ul{
		margin-top: 0px;
	}
	.ti ul li:nth-child(4n),
	.ti ul li:nth-child(5n),
	.ti ul li{
		width: 100%;
	}
	.ti_text{
		height: auto;
		padding: 20px 0;
	}
	.ti_text a{
		display: block;
		font-size: 12px;
		line-height: 36px;
	}
	.Carousel{
		margin-top: 30px;
	}
	.sta ul li{
		margin-top: 30px;
	}
	.sta ul li img{
		width: 25px;
	}
	.sta ul li h1{
		width: calc(100% - 30px);
		font-size: 18px;
	}
	.sta_text{
		font-size: 12px;
		line-height: 26px;
	}
	.consis_l{
		width: 100%;
	}
	.consis_r{
		width: 100%;
		margin-top: 20px;
	}
	.consis_l ul li img{
		width: 20px;
	}
	.consis_l ul li h1{
		font-size: 12px;
		width: calc(100% - 25px);
	}
	.dizhi p,
	.footer_cen ul li,
	.beian{
		font-size: 14px;
		line-height: 26px;
	}
	.dizhi p{
		background-size: 35px 35px;
		padding-left: 50px;
		min-height: 35px;
	}
	.beian{
		margin-top: 20px;
	}
	.banner .swiper-pagination{
		bottom: 10px !important;
	}
	.beian ul{
	    justify-content: space-between;
	}
	.beian ul{
	    width: 100%;
	}
	.beian ul li{
	    width: 50%;
	    margin-top: 10px;
	    margin-left: 0px;
	}

}
@media screen and (max-width: 640px) {
	.smar_cen img{
		display: none;
	}
	.smar_right{
		width: 100%;
		margin: 20px auto;
	}
	.sta ul li{
		width: 100%;
	}

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





















