/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner .swiper-slide{background: url(../img/product/b2c/banner.jpg) top center no-repeat;}
	.banner .m a{color:#ff5e17;}
	.banner .m .mbtn2{color: #fff;}
	.banner .m .mbtn2:hover{background: #fff;color: #ff5e17;}
	.title{text-align: left;}
	.m_1,.m_3{width: 1200px;margin: 60px auto;position: relative;display: table;}
	.m_1 .title,.m_5 .title{text-align: center;}
	.m_1 .mimg{width: 100%;margin: 20px auto 0px;overflow: hidden;text-align: center;}
	.m_1 .mimg2{display: none;}
	.m_1 ul{width: 100%;margin: 0px;position: absolute;top: 200px;}
	.m_1 ul li{width: 260px;}
	.m_1 ul li h3{font-size: 16px;margin-bottom: 6px;color: #333;}
	.m_1 ul li p{font-size: 14px;color: #666;line-height: 26px;}
	.m_1 ul li:nth-child(1){text-align: right;}
	.m_1 ul li:nth-child(2){float: right;margin-top: -80px;}
	.m_1 ul li:nth-child(3){float: right;margin:20px 20px 0px 0px}
	.m_1 ul li:nth-child(4){text-align: right;margin-top: 100px;}
	.m_1 ul li:nth-child(5){float: right;margin:-20px 20px 0px 0px}
	.mbtn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.m_1 .mbtn{margin: 0px auto;}
	.m_2,.m_5{width: 100%;margin: 0px auto;background: #faf9fa;padding: 60px 0px;overflow: hidden;}
	.m_2 .m{position: relative;}
	.mimg{width: 660px;;}
	.mtxt{width: 480px;margin: 120px 0px;}
	.slide{width:660px; height:500px;float:left;}
	.slide .slide_cont{width:660px; height:500px; overflow:hidden;background: url(../img/product/b2c/m4bg.png) center center no-repeat;}
	.slide .slide_cont ul li{ float:left;height:500px;transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);}
	.slide .slide_cont ul li img{ display:block; width:660px; height:500px;}
	.slide .slide_point{ width:480px;position: absolute;right: 0;top: 220px;}
	.slide .slide_point span{width: 98px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #eee;float: left;margin: 20px 20px 0px 0px;color: #666;border-radius: 4px;overflow: hidden;cursor: pointer;font-size: 14px;}
	.slide .slide_point .cur_point,.slide .slide_point span:hover{background: #e50014;color: #fff;}
	.m_5 ul{width: 1200px;margin: 50px auto 0px;background: #fff;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);}
	.m_5 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_5 ul li:nth-child(4n){border-right: 0px;}
	.m_5 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_5 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_5 ul li:nth-child(9),.m_5 ul li:nth-child(10),.m_5 ul li:nth-child(11),.m_5 ul li:nth-child(12){border-bottom: 0px;}
	.m_4,.m_6{width: 100%;margin: 0px auto;overflow: hidden;background: linear-gradient(to right, #e50014, #f63704);padding: 60px 0px;}
	.m_4 .title h2,.m_4 .title p,.m_6 .title h2,.m_6 .title p{color: #fff;}
	.m_6 .title{text-align: center;}
	.m_6 span{display: block;width: 500px;margin: 0rem auto;box-sizing: border-box;text-align: center;}
	.m_6 span a{display: inline-block;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner .swiper-slide{background: url(../img/product/b2c/mbanner.jpg) top center no-repeat;background-size: cover;}
	.banner .m{margin-top: 5rem;}
	.banner .m a{background: #fff;color:#ff5e17;}
	.banner .m .mbtn2{background: transparent; color: #fff;}
	.m_1,.m_3{width: 98%;margin: 2rem auto;position: relative;}
	.m_1 .mimg{display: none !important;}
	.mimg,.mimg2{width: 100%;margin: 0.8rem auto 0rem;overflow: hidden;text-align: center;display: block;}
	.mimg img,.mimg2 img{width: 100%;}
	.m_1 ul{width: 100%;margin: 0rem auto;}
	.m_1 ul li{width: 80%;margin: 0rem auto 0.6rem;padding: 5%;background: #fff;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);}
	.m_1 ul li:last-child{margin-bottom: 0rem;}
	.m_1 ul li h3{font-size: 0.8rem;margin-bottom: 0.4rem;color: #333;}
	.m_1 ul li p{font-size: 0.6rem;color: #666;line-height: 1.2rem;}
	.mbtn_2{background: linear-gradient(to right, #FB8732, #F6C418);}
	.m_2,.case{width: 100%;margin: 0px auto;background: #faf9fa;padding: 2rem 0rem;overflow: hidden;}
	.m_2 .m,.m_3,.m_4 .m{position: relative;padding-bottom: 4rem;}
	.main .left,.main .right{float: none;}
	.slide{width:100%;margin: 0rem auto;}
	.slide .slide_cont{width:100%;overflow:hidden;background: url(../img/product/b2c/m4bg.png) top center no-repeat;background-size: 100%;}
	.slide .slide_cont ul{overflow: hidden;width: 100%;}
	.slide .slide_cont ul li{transition: all .3s cubic-bezier(0.46, 0.03, 0.52, 0.96);width: 100%;overflow: hidden;display: none;}
	.slide .slide_cont ul li img{display:block; width:100%;}
	.slide .slide_point{width:98%;margin: 0.6rem auto 0rem;box-sizing: border-box;text-align: center;}
	.slide .slide_point span{line-height: 2rem;border: 1px solid #eee;margin: 0.4rem 0.2rem;color: #666;border-radius: 4px;font-size: 0.6rem;padding: 0rem 0.4rem;display: inline-block;}
	.slide .slide_point .cur_point,.slide .slide_point span:hover{background: #e50014;color: #fff;}
	.m_2 .title{margin-top: 0rem !important;}
	.m_2 .title .mbtn,.m_3 .title .mbtn,.m_4 .title .mbtn{position: absolute;left: 32%;bottom: 0rem;}
	.m7 .mimg,.m_4 .mimg{height: 12rem;}
	.m7 .mimg img,.m_4 .mimg img{margin-top: -1.4rem;}
	.m_4,.m_6{width: 100%;margin: 0px auto;overflow: hidden;background: linear-gradient(to right, #e50014, #f63704);padding: 2rem 0rem;}
	.m_4 .title h2,.m_4 .title p,.m_6 .title h2,.m_6 .title p{color: #fff;}
	.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;}
	.m_6 span{display: block;width: 98%;margin: 0rem auto;box-sizing: border-box;text-align: center;}
	.m_6 span a{display: inline-block;}
}