/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner{background: url(../../img/product/ERP/banner.jpg) top center no-repeat;}
	.banner p{overflow: hidden;}
	.banner p span{display: block;float: left;padding: 0px 10px;background: rgba(255,255,255,0.2);margin-right: 10px;border-radius: 4px;}
	.m_1,.m_4{width: 1200px;margin: 60px auto;}
	.m_1 ul{width: 100%;margin: 50px auto 0px;}
	.m_1 ul li{width: 280px;float: left;padding: 30px 40px;border-radius: 6px;margin: 0px 20px;box-shadow: 0px 5px 20px 0px #131e340f;position: relative;overflow: hidden;}
	.m_1 ul li i{display: block;width: 60px;height: 60px;margin: 0px auto 20px;}
	.m_1 ul li h3{text-align: center;font-size: 18px;margin-bottom: 20px;color: #fc8832;}
	.m_1 ul li p{font-size: 14px;line-height: 24px;color: #666;}
	.m_1 ul li:hover{box-shadow: 0px 10px 40px 0px #131e3426;cursor: pointer;}
	.m_2{width: 100%;margin: 0px auto;background: #f5f8fb;padding: 60px 0px;overflow: hidden;}
	.m_2 ul{width: 1200px;margin: 50px auto 0px;}
	.m_2 ul li{width: 520px;float: left;margin: 20px 80px 0px 0px;overflow: hidden;padding: 20px;border-radius: 6px;}
	.m_2 ul li:nth-child(2n){margin-right: 0px;}
	.m_2 ul li i{width: 80px;height: 80px;display: block;float: left;}
	.m_2 ul li div{width: 420px;float: right;}
	.m_2 ul li div h3{font-size: 18px;margin-bottom: 10px;color: #333;}
	.m_2 ul li div p{font-size: 14px;line-height: 24px;color: #666;}
	.m_2 ul li:hover{background: #fff;cursor: pointer;}
	.m_3{width: 100%;margin: 0px auto;padding: 60px 0px;background: #000;overflow: hidden;}
	.m_3 .title h2,.m_3 .title p{color: #fff;}
	.m_3 ul{width: 1200px;margin: 50px auto 0px;background: url(../../img/product/ERP/pic02.png) top center no-repeat;height: 510px;position: relative;overflow: hidden;}
	.m_3 ul li div{position: absolute;overflow: hidden;}
	.m_3 ul li h3{font-size: 22px;margin-bottom: 20px;letter-spacing: 4px;color: #333;}
	.m_3 ul li p{font-size: 16px;line-height: 30px;color: #666;}
	.m_3 ul .left div:nth-child(1){left: 40px;top: 12px;}
	.m_3 ul .left div:nth-child(1) h3{color: #fbbb0e;}
	.m_3 ul .left div:nth-child(1) p{color: #0addf0;}
	.m_3 ul .left div:nth-child(2){left: 40px;top: 190px;}
	.m_3 ul .left div:nth-child(2) h3{color: #0addf0;}
	.m_3 ul .left div:nth-child(2) p{color: #fbbb0e;}
	.m_3 ul .left div:nth-child(3){left: 30px;top: 380px;}
	.m_3 ul .left div:nth-child(3) h3{color: #fbbb0e;}
	.m_3 ul .left div:nth-child(3) p{color: #0addf0;}
	.m_3 ul .right div:nth-child(1){right: 100px;top: 40px;}
	.m_3 ul .right div:nth-child(1) h3{color: #fbbb0e;margin-bottom: 10px;}
	.m_3 ul .right div:nth-child(1) p{color: #0addf0;}
	.m_3 ul .right div:nth-child(2){right: 70px;top: 250px;width: 320px;}
	.m_3 ul .right div:nth-child(2) h3{color: #0addf0;margin-bottom: 0px;float: left;}
	.m_3 ul .right div:nth-child(2) p{color: #fbbb0e;float: right;}
	.m_3 ul .right div:nth-child(3){right: 0px;top: 403px;}
	.m_3 ul .right div:nth-child(3) h3{color: #0addf0;}
	.m_3 ul .right div:nth-child(3) p{color: #fbbb0e;}
	.m_4 ul{margin: 50px auto 0px;}
	.m_4 ul li{width: 240px;float: left;position: relative;}
	.m_4 ul li i{width: 80px;height: 80px;border-radius: 50%;display: block;margin: 0px auto 20px;}
	.m_4 ul li span{display: block;width: 20px;height: 20px;background: #aaadb7;margin: 30px auto;border-radius: 50%;position: relative;}
	.m_4 ul li span::after{content: "";position: absolute;width: 240px;border-bottom: 1px dashed #aaadb7;top: 10px;left: -80px;}
	.m_4 ul li p{font-size: 18px;text-align: center;color: #666;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner{width: 100%;background: url(../../img/product/ERP/mbanner.jpg) top center no-repeat;text-align: center;color: #fff;box-sizing: border-box;padding-bottom: 5rem;background-size: cover;}
	.banner p{overflow: hidden;}
	.banner p span{display: inline-block;margin: 0rem 0.4rem;border-radius: 0.2rem;}
	.m_1,.m_4{width: 96%;margin: 2rem auto;}
	.m_1 ul{width: 100%;margin: 1rem auto 0rem;}
	.m_1 ul li{width: 90%;padding: 8% 5%;border-radius: 6px;margin: 1rem auto 0rem;box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);position: relative;overflow: hidden;}
	.m_1 ul li i{display: block;width: 4rem;height: 4rem;margin: 0rem auto 0.8rem;}
	.m_1 ul li h3{text-align: center;font-size: 1.2rem;margin-bottom: 1rem;color: #fc8832;}
	.m_1 ul li p{font-size: 0.8rem;line-height: 1.4rem;color: #666;text-align: center;}
	.m_2,.m_3,.m_5{width: 100%;margin: 0rem auto;background: #f5f8fb;padding: 2rem 0rem;overflow: hidden;}
	.m_2 ul{width: 96%;margin: 1rem auto 0rem;}
	.m_2 ul li{width: 90%;margin: 1rem auto 0rem;overflow: hidden;padding: 8% 5%;border-radius: 0.4rem;background: #fff;box-shadow: 0rem 0rem 1rem rgba(0,0,0,0.1);}
	.m_2 ul li i{width: 4rem;height: 4rem;display: block;margin: 0rem auto 1rem;}
	.m_2 ul li i img{width: 100%;}
	.m_2 ul li div{width: 100%;text-align: center;}
	.m_2 ul li div h3{font-size: 1.2rem;margin-bottom: 0.6rem;color: #333;}
	.m_2 ul li div p{font-size: 0.8rem;line-height: 1.4rem;color: #666;}
	.m_3{background: #000;}
	.m_3 .title h2,.m_3 .title p{color: #fff;}
	.m_3 ul{width: 96%;margin: 1.2rem auto 0rem;position: relative;overflow: hidden;}
	.m_3 ul li{width: 48%;}
	.m_3 ul li div{margin-top: 0.8rem;}
	.m_3 ul li h3{font-size: 1.2rem;margin-bottom: 0.2rem;letter-spacing: 0.2rem;color: #fff;}
	.m_3 ul li p{font-size: 0.8rem;line-height: 1.4rem;color: #fff;}
	.m_3 ul li:first-child div:first-child p{height: 4.2rem;}
	.m_3 ul .left{text-align: right;}
	.m_4 ul{margin: 2rem auto 0rem;width: 100%;}
	.m_4 ul li{width: 80%;position: relative;margin: 0rem auto;}
	.m_4 ul li i{width: 5rem;height: 5rem;border-radius: 50%;display: block;margin: 0rem;position: relative;z-index: 2;}
	.m_4 ul li i img{width: 100%;}
	.m_4 ul li span{display: block;margin: 0rem 0rem 0rem 2.2rem;border-radius: 50%;position: relative;z-index: 0;}
	.m_4 ul li span::after{content: "";position: absolute;width: 10rem;border-bottom: 0.1rem dashed #aaadb7;top: 10px;left: -80px;transform: rotate(90deg);}
	.m_4 ul li:last-of-type span::after{border: 0rem;}
	.m_4 ul li p{font-size: 1.2rem;color: #666;display: block;margin: 0rem 0rem 2rem 6rem;}
	.m_4 ul li:last-of-type p{margin-bottom: 0rem;}
}
.banner .mbtn{color: #464cc6;}
.banner .mbtn2{color: #fff;}