@media only screen and (max-width:1280px) {
	.ys-r{ padding: 50px 40px;}
	.ys-r ul li{ margin-top: 55px;}
	.ys-r p,.ys-r ul{ padding: 0px;}
	.ny-box{ width: 100%; padding: 0 2%;}
}
@media only screen and (max-width: 1024px) {
	.con-box,.mid-con{ width: 100%; padding: 0 2%;}
	.m_nav.open .ul li{ padding: 0 20px;}
	.header #navToggle{ margin: 15px 0px 0 0;}
	.ys-r p{ line-height: 24px;}
	.ys-r{ padding: 30px 20px;}
	.ys-r ul li{ margin-top: 28px;}
}
@media only screen and (max-width:912px) {
	.a-left{ width: 100%; margin-top: 50px;}
	.a-right{ width: 100%;position: initial;}
	.a-bg,.a-imgbg{ width: 100%; position: initial;}
	.a-bg{ background: none; padding: 50px 0; height: auto;}
	.a-bg img{ width: 100%;}
	.about-index{ padding-bottom: 50px;}
	.ys-l,.news-l,.news-r{ width: 100%;}
	.ys-r{  width: 100%; padding: 60px 30px;}
	.ys-r ul li{ margin-top: 58px;}
	.bot-menu a{ padding: 0 5px;}
	.left-box{ display: none;}
	.right-box{ width: 100%;}
}

@media only screen and (max-width:640px) {
	.a-bg{padding: 30px 0;}
	.index-tit{ padding: 35px 0;}
	.ys-r h2{ font-size: 18px; padding: 0 10px;}
	.ys-r p{ padding: 0 10px;}
	.ys-r{ padding: 50px 0;}
	.bot-menu{ display: none;}
	.bot-d{ margin-top: 30px;}
	.b-left{ width: 100%; text-align: center;}
	.b-right{ width: 100%; border: 0px;}
	.b-right p{ display: none;}
	.b-right img{ margin: 0 auto; float: initial; text-align: center; width: 30%; margin: 20px auto; display: block;}
	.news ul li a .date{ display: none;}
	.news ul li a .list{ width: 100%;}
	.news ul li a .list p{ padding: 10px 0;}
	.news ul li a{ padding: 8px;}
	.page a{padding: 5px 8px 5px 11px; margin: 0 3px;}
	.product ul li{ width: 100%; margin-right: 0px;}
	.Application ul li{ width: 100%;}
	.article-top h3{ font-size: 0.2rem; line-height: 30px;}
}

@media only screen and (max-width:360px) {
	.logo{ width: 70%;}
	.logo img{ width: 100%; margin-top: 5px;}
}