/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner{height: 450px;background: url(../img/about/banner.jpg) center center no-repeat;}
	.banner .m{margin-top: 130px;color: #fff;position: relative;text-align: center;}
	.banner h2{font-size: 52px;}
	.banner h2::after{width: 140px;height: 2px;background: #fff;content: "";position: absolute;left: 45%;top: 90px;}
	.banner p{font-size: 28px;margin-top: 30px;}
	.m_1,.m_3{width: 1200px;margin: 60px auto;overflow: hidden;}
	.m_1 .txt{width: 100%;margin: 30px auto 0px;overflow: hidden;color: #666;}
	.m_1 .txt h3{font-size: 22px;text-align: center;color: #333;}
	.m_1 .txt p{line-height: 26px;font-size: 16px;margin: 20px 0px;}
	.m_1 .txt p a{color: #333}
	.m_2,.m_4{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f5f8fb;overflow: hidden;}
	.m_2 ul{width: 1200px;margin: 30px auto 0px;}
	.m_2 ul li{width: 225px;float: left;background: #03b8cc;box-shadow: 0px 10px 30px 0px rgba(83, 86, 90, 0.15);padding: 30px;border-radius: 6px;margin: 30px 20px 0px 0px;cursor: pointer;text-align: center;}
	.m_2 ul li i{display: block;width: 40px;height: 40px;margin: 0px auto 10px;}
	.m_2 ul li h3{font-size: 20px;color: #fff;}
	.m_2 ul li p{font-size: 14px;margin: 10px 0px 0px;color: #fff;}
	.m_2 ul li:last-child{margin-right: 0px;}
	.m_2 ul li:hover{transform: translateY(-30px);transition: all ease 500ms;}
	.m_3 ul{width: 636px;margin: 40px 10px 10px;border: 2px solid #eee;padding: 30px;border-radius: 6px;box-shadow: 0px 0px 10px rgba(83, 86, 90, 0.15);}
	.m_3 ul li{line-height: 40px;font-size: 16px;}
	.m_3 ul li strong{font-size: 18px;line-height: 60px;}
	.m_3 .right{width: 460px;text-align: center;margin-top: 40px;}
	.m_3 .right img{width: 260px;}
	.m_4 ul{width: 1200px;margin: 20px auto 0px;box-sizing: border-box;text-align: center;}
	.m_4 ul li{width: 283px;text-align: center;cursor: pointer;margin: 40px 20px 0px 0px;display: inline-block;}
	.m_4 ul li i{display: block;width: 265px;height: 180px;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);padding: 20px 10px;border-radius: 6px;background: #fff;}
	.m_4 ul li i img{max-width: 263px;max-height: 180px;}
	.m_4 ul li:nth-child(4n){margin-right: 0px;}
	.m_4 ul li:hover{transform: translateY(-30px);transition: all ease 500ms;}
	.m_4 ul li p{font-size: 16px;margin-top: 20px;color: #666;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner{width: 100%;background: url(../img/about/mbanner.jpg) top center no-repeat;text-align: center;color: #fff;box-sizing: border-box;padding-bottom: 5rem;background-size: cover;}
	.banner h2{padding: 0rem 2rem;}
	.banner h2 span{font-size: 1rem;}
	.banner h2::after{top: 4.3rem;}
	.m_1,.m_3{width: 96%;margin: 2rem auto;overflow: hidden;}
	.m_1 .txt{width: 100%;margin: 1rem auto 0px;overflow: hidden;color: #666;}
	.m_1 .txt h3{font-size: 1.2rem;text-align: center;color: #333;}
	.m_1 .txt p{line-height: 1.4rem;font-size: 0.8rem;margin: 1.2rem 0rem;}
	.m_1 .txt p a{color: #333}
	.m_2,.m_4{width: 100%;margin: 0rem auto;padding: 2rem 0rem;background: #f5f8fb;overflow: hidden;}
	.m_2 ul{width: 96%;margin: 0.6rem auto 0rem;}
	.m_2 ul li{width: 38%;float: left;background: #03b8cc;box-shadow: 0rem 0.4rem 1rem rgba(83, 86, 90, 0.15);padding: 5%;border-radius: 6px;cursor: pointer;text-align: center;margin-top: 0.6rem;}
	.m_2 ul li i{display: block;width: 2.6rem;height: 2.6rem;margin: 0rem auto 0.6rem;}
	.m_2 ul li h3{font-size: 1rem;color: #fff;}
	.m_2 ul li p{font-size: 0.8rem;margin: 0.6rem 0rem 0rem;color: #fff;}
	.m_2 ul li:nth-child(2n){float: right;}
	.m_3{border: 2px solid #eee;border-radius: 0.4rem;box-shadow: 0px 0px 10px rgba(83, 86, 90, 0.15);padding: 2rem 0rem;}
	.m_3 ul{width: 86%;margin: 0rem auto;padding: 5%;}
	.m_3 ul li{line-height: 1.8rem;font-size: 0.9rem;color: #666;}
	.m_3 ul li strong{font-size: 1.2rem;}
	.m_3 .right{width: 100%;text-align: center;margin-top: 1rem;}
	.m_3 .right img{width: 60%;}
	.m_4 ul{width: 80%;margin: 1.2rem auto 0rem;}
	.m_4 ul li{width: 100%;text-align: center;cursor: pointer;margin: 1rem 0rem 0rem;}
	.m_4 ul li i{display: block;width: 100%;box-shadow: 0px 5px 20px rgba(0,0,0,0.1);border-radius: 6px;background: #fff;margin-bottom: 0.8rem;}
	.m_4 ul li i img{max-width: 100%;}
	.m_4 ul li p{font-size: 1rem;margin-top: 1remx;color: #666;}
}