/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner .swiper-slide{background: url(../img/product/scm/banner.jpg) top center no-repeat;}
	.banner .m a{color:#f91f28;}
	.banner .m .mbtn2{color: #fff;}
	.banner .m .mbtn2:hover{background: #fff;color: #eb3348;}
	.m_btn{height:50px;line-height:50px;background: linear-gradient(to right, #FB8732, #F6C418);color:#fff;border:0}
	.m_1{width: 100%;margin: 0px auto;padding: 60px 0px;overflow: hidden;background: url(../img/product/scm/bg.jpg) 0 0 no-repeat;}
	.m_1 .title h2,.m_1 .title p{color: #fff;}
	.m_1 .mimg{margin: 50px auto 0px;text-align: center;width: 1200px;}
	.m_2{width: 1200px;margin: 60px auto;overflow: hidden;}
	.m_2 .mimg{width: 700px;float: left;margin-top: 40px;}
	.m_2 ul{width: 500px;float: right;margin-top: 40px;}
	.m_2 ul li{overflow: hidden;cursor: pointer;}
	.m_2 ul li i{display: block;width: 60px;height: 60px;float: left;font-size: 30px;line-height: 60px;color: #fff;font-weight: bold;border-radius: 50%;background: linear-gradient(to right, #e50014, #f63704);text-align: center;margin: 10px 20px 0px 0px;}
	.m_2 ul li h3{font-size: 16px;margin-bottom: 10px;}
	.m_2 ul li p{font-size: 14px;color: #666;line-height: 24px;}
	.m_2 ul li:nth-child(1){margin: 60px 0px 0px -190px;}
	.m_2 ul li:nth-child(2){margin:50px 0px 0px -90px;}
	.m_2 ul li:nth-child(3){margin:60px 0px 0px -60px}
	.m_2 ul li:nth-child(4){margin:60px 0px 0px -80px}
	.m_2 ul li:nth-child(5){margin:60px 0px 0px -180px}
	.m_3,.m_5{width: 100%;margin: 0px auto;padding: 60px 0px;background: #f9faf9;overflow: hidden;}
	.m_3 ul{width: 1200px;margin: 20px auto 0px;}
	.m_3 ul li{width: 177.5px;float: left;margin: 30px 30px 0px 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);text-align: center;padding: 50px;height: 225px;cursor: pointer;background: #fff;}
	.m_3 ul li:nth-child(4n){margin-right: 0px;}
	.m_3 ul li i{width: 88px;height: 88px;display: block;border-radius: 50%;margin: 0px auto 30px;}
	.m_3 ul li h3{font-size: 16px;margin-bottom: 20px;}
	.m_3 ul li p{font-size: 14px;color: #666;}
	.m_4,.m_6{width: 1200px;margin: 60px auto;}
	.m_4 ul{width: 100%;margin: 50px auto 0px;}
	.m_4 ul li{width: 216px !important;float: left;margin-right: 30px; border-radius: 6px;overflow: hidden;text-align: center;background: #fff;padding-bottom: 30px;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);cursor: pointer;}
	.m_4 ul li:last-child{margin-right: 0px;}
	.m_4 ul li span{display: block;width: 100%;height: 120px;background: #f91f28;overflow: hidden;}
	.m_4 ul li span img{width: 100%;height: 100%;}
	.m_4 ul li i{display: block;width: 80px;height: 80px;border-radius: 50%;margin: -40px auto 20px;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);position: relative;}
	.m_4 ul li h3{font-size: 16px;margin-bottom: 20px;}
	.m_4 ul li p{font-size: 14px;color: #666;padding: 0px 20px;}
	.m_5 ul{width: 1200px;margin: 30px auto 0px;}
	.m_5 ul li{width: 110px;float: left;margin: 30px 36px 10px 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.02);background: #fff;padding: 30px;overflow: hidden;border-radius: 6px;cursor: pointer;}
	.m_5 ul li i{width: 90px;height: 90px;display: block;margin: 0px auto;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
	.m_5 ul li i img{width: 70px;height: 70px;margin: 10px auto;display: block;border-radius: 50%;}
	.m_5 ul li p{font-size: 16px;text-align: center;margin-top: 20px;}
	.m_5 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
	.m_5 ul li:nth-child(6n){margin-right: 0px;}
	.m_7{width: 1200px;margin: 60px auto;}
	.m_7 ul{width: 100%;margin: 50px auto 0px;}
	.m_7 ul li{width: 174px !important;float: left;border: 1px solid #eee;border-left: 0px;padding: 30px;overflow: hidden;}
	.m_7 ul li:first-child{border-left: 1px solid #eee;}
	.m_7 ul li i{display: block;height: 200px;background: #eee;}
	.m_7 ul li span{display: block;font-size: 26px;color: #333;line-height: 50px;margin-top: 10px;font-weight: bold;text-align: center;position: relative;}
	.m_7 ul li span::before{width: 40px;height: 2px;background: #eee;content: "";position: absolute;left: 20px;top: 50%;}
	.m_7 ul li span::after{width: 40px;height: 2px;background: #eee;content: "";position: absolute;right: 20px;top: 50%;}
	.m_7 ul li p{font-size: 14px;color: #666;line-height: 22px;text-align: center;}
	.m_7 ul li:hover{transform: scale(1.1, 1.1);transition: all .3s;background: #fff;border: 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;}
	.m_7 .swiper-pagination,.m_4 .swiper-pagination{display: none;}
	.m_6 ul{width: 1200px;margin: 50px auto 0px;background: #fff;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);}
	.m_6 ul li{width: 289.25px;float: left;border-right: 1px dashed #eee;padding: 5px 5px 0px 5px;cursor: pointer;border-bottom: 1px dashed #eee;}
	.m_6 ul li:nth-child(4n){border-right: 0px;}
	.m_6 ul li img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.4;}
	.m_6 ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);background: #f9faf9;opacity: 1;} 
	.m_6 ul li:nth-child(9),.m_6 ul li:nth-child(10),.m_6 ul li:nth-child(11),.m_6 ul li:nth-child(12){border-bottom: 0px;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner{background: url(../img/product/scm/banner.jpg) top center no-repeat;background-size: cover;}
	.banner .swiper-slide h3{font-size: 1rem;line-height: 1.4rem;color: #fff;margin-bottom: 0.6rem;}
	.banner .m{margin-top: 6rem;}
	.banner .m .mbtn{background: #fff;color: #eb3348;}
	.banner .m .mbtn2{background: transparent; color: #fff;}
	.m_1{width: 100%;margin: 0rem auto;padding: 2rem 0rem;overflow: hidden;background: url(../img/product/scm/bg.jpg) 0 0 no-repeat;}
	.m_1 .title h2,.m_1 .title p{color: #fff;}
	.mimg{margin: 1.4rem auto 0rem;text-align: center;width: 100%;}
	.mimg img{width: 100%;}
	.m_2{width: 98%;margin: 2rem auto;overflow: hidden;}
	.m_2 .mimg{margin-top: 0.4rem;}
	.m_2 ul{width: 98%;margin: 1rem auto 0rem}
	.m_2 ul li{overflow: hidden;cursor: pointer;margin-bottom: 0.4rem;}
	.m_2 ul li i{display: block;width: 3rem;height: 3rem;float: left;font-size: 1.6rem;line-height: 3rem;color: #fff;font-weight: bold;border-radius: 50%;background: linear-gradient(to right, #e50014, #f63704);text-align: center;}
	.m_2 ul li div{float: right;width: 80%;}
	.m_2 ul li h3{font-size: 1rem;margin-bottom: 0.4rem;}
	.m_2 ul li p{font-size: 0.6rem;color: #666;line-height: 1.2rem;}
	.m_3,.m_5{width: 100%;margin: 0px auto;padding: 2rem 0rem;background: #f9faf9;overflow: hidden;}
	.m_3 ul{width: 98%;margin: 1.4rem auto 0rem;}
	.m_3 ul li{width: 49%;float: left;margin: 0rem 0rem 0.4rem;box-shadow: 0px 0px 10px rgba(0,0,0,0.06);text-align: center;padding: 0.8rem 0rem;background: #fff;}
	.m_3 ul li:nth-child(2n){float: right;}
	.m_3 ul li i{width: 3rem;height: 3rem;display: block;border-radius: 50%;margin: 0rem auto 0.6rem;}
	.m_3 ul li i img{width: 100%;}
	.m_3 ul li h3{font-size: 0.8rem;margin-bottom: 0.6rem;}
	.m_3 ul li p{font-size: 0.6rem;color: #666;padding: 0rem 0.6rem;}
	.m_4,.case{width:98%;margin: 2rem auto;position: relative;}
	.m_4 ul{width: 100%;margin: 1.4rem auto 0rem;}
	.m_4 ul li{width: 80%;float: left;margin-right: 5%; border-radius: 6px;overflow: hidden;text-align: center;background: #fff;padding-bottom: 1.4rem;box-shadow: 0px 0px 20px rgba(0,0,0,0.06);cursor: pointer;}
	.m_4 ul li:last-child{margin-right: 0px;}
	.m_4 ul li span{display: block;width: 100%;height: 120px;background: #f91f28;overflow: hidden;}
	.m_4 ul li span img{width: 100%;height: 100%;}
	.m_4 ul li i{display: block;width: 4rem;height: 4rem;border-radius: 50%;margin: -1.8rem auto 0.6rem;background: #fff;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);position: relative;}
	.m_4 ul li i img{width: 90%;}
	.m_4 ul li h3{font-size: 1rem;margin-bottom: 0.6rem;}
	.m_4 ul li p{font-size: 0.6rem;color: #666;padding: 0rem 2rem;}
	.m_4 .swiper-pagination{bottom: -1rem;}
	.m_5 ul{width: 98%;margin: 1.4rem auto 0rem;box-sizing: border-box;text-align: center;}
	.m_5 ul li{width: 30%;margin: 0rem 0.2rem 0.6rem;box-shadow: 0px 0px 20px rgba(0,0,0,0.02);background: #fff;overflow: hidden;border-radius: 6px;cursor: pointer;display: inline-block;padding: 0.6rem 0rem;}
	.m_5 ul li i{width: 2rem;height: 2rem;display: block;margin: 0px auto;border: 1px solid #eee;border-radius: 50%;overflow: hidden;}
	.m_5 ul li i img{width: 100%;margin: 0rem auto;display: block;border-radius: 50%;}
	.m_5 ul li p{font-size: 0.6rem;text-align: center;margin-top: 0.4rem;}
	.m_5 ul li:hover{box-shadow: 0px 0px 20px rgba(0,0,0,0.08);}
	.m_5 ul li:nth-child(3n){margin-right: 0px;}
	.m_7{width: 98%;margin: 2rem auto 1rem;}
	.m_7 ul{width: 100%;margin: 1.4rem auto 2rem;}
	.m_7 ul li{width: 80%;float: left;border: 1px solid #eee;border-left: 0px;padding: 10% 0% 0%;overflow: hidden;}
	.m_7 ul li:first-child{border-left: 1px solid #eee;}
	.m_7 ul li i{display: block;height: 200px;text-align: center;}
	.m_7 ul li span{display: block;font-size: 26px;color: #333;line-height: 50px;margin-top: 10px;font-weight: bold;text-align: center;position: relative;}
	.m_7 ul li span::before{width: 40px;height: 2px;background: #eee;content: "";position: absolute;left: 20px;top: 50%;}
	.m_7 ul li span::after{width: 40px;height: 2px;background: #eee;content: "";position: absolute;right: 20px;top: 50%;}
	.m_7 ul li p{font-size: 0.6rem;color: #666;line-height: 1.2rem;text-align: center;padding: 0rem 1.6rem 1rem;}
	.m_7 ul li:hover{transform: scale(1.1, 1.1);transition: all .3s;background: #fff;border: 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.08);cursor: pointer;}
	.case ul{width: 98%;margin: 1.4rem auto 0rem;background: #fff;border-radius: 6px;box-shadow: 0px 5px 10px rgba(83, 86, 90, 0.15);}
	.case ul li{width: 49%;float: left;border-right: 1px dashed #eee;cursor: pointer;border-bottom: 1px dashed #eee;}
	.case ul li:nth-child(2n){border-right: 0px;}
	.case ul li img{width: 100%;}
	.case ul li:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);background: #f9faf9;opacity: 1;} 
	.case ul li:nth-child(11),.case ul li:nth-child(12){border-bottom: 0px;}
}