/* 大屏，最小768 */
@media screen and (min-width: 768px){
	.banner .swiper-slide{width: 100%;background: url(../img/product/b2b2c/banner.jpg) top center no-repeat;}
	.banner .m h2{font-size: 40px;}
	.banner .m .mbtn{color: #e81a15;}
	.banner .m .mbtn2{color: #fff;}
	.banner .m .mbtn2:hover{background: #fff;color: #e81a15;}
	.banner .m h2 br{display: none;}
	.m_1,.m_3,.m_5,.m_7,.m_9{width: 1200px;margin: 60px auto;}
	.m_2,.m_4,.m_6,.m_8,.m_10{width: 100%;margin: 0px auto;background: #F5F5FA;padding: 60px 0px;overflow: hidden;}
	.m_2 .tab_wrap{width: 1200px;margin: 50px auto 0px;border-radius: 6px;box-shadow: 0px 10px 30px rgba(0,0,0,0.08);background: #fff;overflow: hidden;padding-bottom: 40px;}
	.m_2 .tab_wrap .tab_nav{width: 100%;margin: 40px auto 0px;overflow: hidden;}
	.m_2 .tab_wrap .tab_nav li{width: 240px;height: 80px;line-height: 80px;font-size: 20px;text-align: center;float: left;border-bottom: 2px solid #F2F2F2;}
	.m_2 .tab_wrap .tab_nav .active{border-bottom: 2px solid #e81a15;color: #e81a15;cursor: pointer;transition: all .5s;}
	.m_2 .tab_wrap .tab_main{width: 1120px;overflow: hidden;margin: 40px auto 0px;position: relative;}
	.m_2 .tab_wrap .tab_main .tm{width: 100%;display: none;}
	.m_2 .tab_wrap .tab_main .current{display: block; transition: all 1s;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt{width: 560px;float: left;height: 300px;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt h3{font-size: 28px;margin-bottom: 20px;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt p{font-size: 16px;color: #666;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt dl{margin: 30px 0px 0px;overflow: hidden;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt dl dd{float: left;line-height: 40px;font-size: 14px;margin-right: 20px;min-width: 160px;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt a{margin: 30px 0px 0px;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt dl dd i{display: inline-block;float: left;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #eb3348;margin: 13px 10px 0px 0px;}
	.m_2 .tab_wrap .tab_main .tm i{width: 540px;float: right;display: block;}
	.m_3 ul{width: 100%;margin: 30px auto 0px;}
	.m_3 ul li{width: 220.5px;float: left;text-align: center;background: #fff;border-radius: 6px;box-shadow: 0px 10px 20px rgba(0,0,0,0.04);padding: 40px 30px;margin: 30px 26px 0px 0px;height: 210px;}
	.m_3 ul li i{width: 60px;height: 60px;display: block;margin: 0px auto 20px;}
	.m_3 ul li h3{font-size: 16px;margin-bottom: 10px;}
	.m_3 ul li p{font-size: 14px;line-height: 24px;}
	.m_3 ul li:hover,.m_5 ul li:hover{box-shadow: 0px 10px 20px rgba(0,0,0,0.08);cursor: pointer;transform: translateY(-30px);transition: all ease 300ms;}
	.m_3 ul li:nth-child(4n){margin-right: 0px;}
	.m_4 .tab_wrap{width: 1200px;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);overflow: hidden;margin: 50px auto 0px;position: relative;background: #fff;}
	.m_4 .tab_nav{width: 260px;margin: 0px;float: left;position: relative;z-index: 10;}
	.m_4 .tab_nav li{width: 100%;background: #f9f9fd;overflow: hidden;border-bottom: 1px solid #eee;padding: 32px 0px;font-size: 18px;text-align: center;}
	.m_4 .tab_nav .active{color: #fff;cursor: pointer;transition: all .3s;background: linear-gradient(to right, #e50014, #f63704); position: relative;}
	.m_4 .tab_nav .active::before{content: "";width: 0;height: 0;border-top: 14px solid transparent;border-right: 10px solid #fff;border-bottom: 14px solid transparent;background: initial;position: absolute;top: 32%;right: 0px;}
	.m_4 .tab_main{width: 860px;float: right;overflow: hidden;position: relative;margin: 40px 40px 0px 0px;}
	.m_4 .tab_main .tm{width: 100%;display: none;overflow: hidden;margin: 0px auto;}
	.m_4 .tab_main .tm h3{font-size: 26px;margin-bottom: 40px;position: relative;}
	.m_4 .tab_main .tm h3::after{content: "";width: 80px;height: 2px;background: #e81a15;position: absolute;left: 0px;top: 50px;border-radius: 2px;}
	.m_4 .tab_main .tm p{font-size: 16px;border-bottom: 1px dashed #eee;padding-bottom: 20px;}
	.m_4 .tab_main .tm dl{margin: 24px 0px 0px;overflow: hidden;}
	.m_4 .tab_main .tm dl dd{float: left;line-height: 40px;font-size: 14px;margin: 0px 20px 20px 0px;min-width: 193px;background:#f5f5fa;border-radius: 4px;text-align: center;}
	.m_4 .tab_wrap .alink{position: absolute;left: 300px;top: 380px;}
	.m_4 .tab_wrap .alink .mbtn{margin: 0px 20px 0px 0px;float: left;}
	.m_4 .tab_main .current{display: block; transition: all 1s;}
	.m_5{overflow: hidden;}
	.m_5 .simg{width: 285px;}
	.m_5 ul{width: 895px;margin-top: 30px;}
	.m_5 ul li{width: 260px;float: left;margin: 30px 20px 0px 0px;border: 1px solid #eee;border-radius: 6px;padding: 10px  10px 30px;text-align: center;cursor: pointer;}
	.m_5 ul li:nth-child(3n){margin-right: 0px;}
	.m_5 ul li i{display: block;width: 50px;height: 50px;border-radius: 50%;margin: 20px auto;text-align: center;}
	.m_5 ul li h3{font-size: 18px;margin-bottom: 10px;}
	.m_5 ul li p{font-size: 14px;padding: 0px 10px;line-height: 24px;}
	.m_6 ul{width: 500px;float: left;margin: 20px 0px 20px 20px;}
	.m_6 ul li{width: 440px;padding: 20px 30px;margin: 30px 0px 0px;overflow: hidden;cursor: pointer;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 6px;background: #fff;}
	.m_6 ul li i{display: block;width: 60px;height: 60px;float: left;margin-top: 10px;}
	.m_6 ul li div{width: 360px;float: right;margin-top: 6px;}
	.m_6 ul li div h3{font-size: 16px;margin-bottom: 10px;}
	.m_6 ul li div p{font-size: 14px;color: #666;}
	.m_6 .simg{margin-top: 60px;}
	.m_7 .simg{margin-top: 50px;}
	.m_8 ul{width: 1200px;margin: 50px auto 0px;}
	.m_8 ul li{float: left;width: 216px !important;margin-right: 30px;box-shadow:0px 5px 10px rgba(0,0,0,0.04);border-radius: 6px;background: #fff;}
	.m_8 ul li:last-child{margin-right: 0px;}
	.m_8 ul li h3{font-size: 18px;text-align: center;background: #fbfcff;color: #eb3348;line-height: 80px;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom: 1px solid #eee;}
	.m_8 ul li h3 a{color: #eb3348;}
	.m_8 ul li dl{margin: 20px 40px;overflow: hidden;}
	.m_8 ul li dl dd{line-height: 40px;color: #666;font-size: 14px;}
	.m_8 ul li dl dd i{font-size: 20px;display: inline-block;float: left;margin: 0px 10px 0px 4px;line-height: 40px;}
	.m_8 ul li dl dd .fa-check-square-o{color:#12c604;}
	.m_8 ul li dl dd .fa-times-circle-o{color:#fe6b42;}
	.m_8 ul li .mbtn{margin: 0px auto 30px;}
	.m_8 .swiper-pagination{display: none;}
	.m_9 table{width: 900px;margin: 50px auto 60px;overflow: hidden;border-spacing: 0px;border-radius: 4px;background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.08);padding-bottom: 20px;}
	.m_9 table thead th{border-top: 4px solid #eb3348;padding: 0px;line-height: 60px;font-size: 14px;border-bottom: 1px solid #eee;text-align: left;padding-left: 50px;}
	.m_9 table tbody td{line-height: 50px;padding-left: 50px;font-size: 14px;}
	.m_9 table tbody td i{width: 120px;height: 120px;display: block;}
	.m_9 table tbody td i img{width: 100%;}
	.m_9 table tbody td span,.m_9 table tbody td p{color: #eb3348;}
	.m_9 table tbody td p{text-align: center;}
	.m_9 table tbody td .mbtn{height: 32px;line-height: 32px;font-size: 14px;width: 136px;display: inline-block;background: #fff;color: #eb3348;text-align: left;}
	.m_9 ul{width: 1000px;margin: 50px auto 0px;}
	.m_9 ul li{width: 200px;float: left;}
	.m_9 ul li i{display: block;width: 140px;margin: 0px auto;}
	.m_9 ul li i img{width: 100%;}
	.m_9 ul li p{text-align: center;font-size: 16px;}
	.m_10 ul{width: 1200px;margin: 50px auto 0px;background: #fff;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);}
	.m_10 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_10 ul li:nth-child(4n){border-right: 0px;}
	.m_10 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_10 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_10 ul li:nth-child(9),.m_10 ul li:nth-child(10),.m_10 ul li:nth-child(11),.m_10 ul li:nth-child(12){border-bottom: 0px;}
	.m_10 .mbtn{margin-top: 50px;}
}
/* 小屏，最大768 */
@media screen and (max-width: 768px){
	.banner .swiper-slide{background: url(../img/product/b2b2c/mbanner.jpg) top center no-repeat;background-size: cover;}
	.banner .m{margin-top: 6rem;}
	.banner .m h2{font-size: 1.4rem;margin-bottom: 0.6rem;}
	.banner .m h2::after{display: none;}
	.banner .m p br{display: none;}
	.banner .m .mbtn{background: #fff;color: #eb3348;}
	.banner .m .mbtn2{background: transparent; color: #fff;}
	.m_1,.m_3,.m_5,.m_7,.m_9{width: 98%;margin: 2rem auto;}
	.simg{width: 100%;margin: 1rem auto 0rem;}
	.simg img{width: 100%;}
	.m_2,.m_4,.m_6,.m_8,.case{width: 100%;margin: 0rem auto;background: #F5F5FA;padding: 2rem 0rem;overflow: hidden;}
	.m_2 .tab_wrap{width: 98%;margin: 1rem auto 0rem;border-radius: 6px;box-shadow: 0px 5px 10px rgba(0,0,0,0.08);background: #fff;overflow: hidden;}
	.m_2 .tab_wrap .tab_nav{width: 1rem;overflow: hidden;float: left;}
	.m_2 .tab_wrap .tab_nav li{font-size: 1.2rem;text-align: center;padding: 3rem 0rem;background: #e81a15;color: #fff;border-bottom: 1px solid #fff;}
	.m_2 .tab_wrap .tab_nav li:last-child,.m_2 .tab_wrap .tab_main .tm:last-child .tm_txt{border: 0px;}
	.m_2 .tab_wrap .tab_main{width: 90%;overflow: hidden;position: relative;float: right;}
	.m_2 .tab_wrap .tab_main .tm{width: 100%;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt{width: 96%;margin: 0rem auto;padding: 1rem 0rem;border-bottom: 1px solid #e81a15;height: 13rem;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt h3{font-size: 1rem;margin: 0.3rem auto 0.6rem;text-align: center;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt p{font-size: 0.6rem;color: #666;padding: 0rem 0.6rem;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt dl{margin: 0.6rem auto 0rem;overflow: hidden;width: 92%;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt dl dd{float: left;line-height: 1.2rem;font-size: 0.6rem;margin-right: 0.4rem;}
	.m_2 .tab_wrap .tab_main .tm .tm_txt a{margin: 20px auto 0px}
	.m_2 .tab_wrap .tab_main .tm .tm_txt dl dd i{display: inline-block;float: left;width: 0.4rem;height: 0.4rem;border-radius: 50%;border: 1px solid #eb3348;margin: 0.2rem 0.4rem 0rem 0rem;}
	.m_2 .tab_wrap .tab_main .tm i{display: none;}
	.m_3 ul{width: 100%;margin: 1rem auto 0rem;}
	.m_3 ul li{width: 80%;background: #fff;border-radius: 6px;box-shadow: 0px 5px 10px rgba(0,0,0,0.04);padding: 5%;margin: 0rem auto 0.4rem;overflow: hidden;}
	.m_3 ul li i{width: 3rem;height: 3rem;display: block;float: left;margin-top: 1rem;}
	.m_3 ul li i img{width: 100%;}
	.m_3 ul li h3{font-size: 1rem;margin-bottom: 0.6rem;width: 74%;float: right;}
	.m_3 ul li p{font-size: 0.6rem;line-height: 1.2rem;width: 74%;float: right;}
	.m_4 .tab_wrap{width: 98%;border-radius: 6px;box-shadow: 0px 20px 30px rgba(0,0,0,0.06);overflow: hidden;margin: 1.4rem auto 0rem;position: relative;background: #fff;}
	.m_4 .tab_nav{width: 100%;margin: 0rem auto;position: relative;z-index: 10;}
	.m_4 .tab_nav li{width: 20%;background: #f9f9fd;overflow: hidden;border-bottom: 1px solid #eee;padding: 0.6rem 0rem;font-size: 0.8rem;text-align: center;float: left;}
	.m_4 .tab_nav .active{color: #fff;cursor: pointer;transition: all .3s;background: linear-gradient(to right, #e50014, #f63704); position: relative;border-bottom: 0rem;}
	.m_4 .tab_nav .active::before{content: "";width: 0;height: 0;border-left: 10px solid transparent;border-bottom: 6px solid #fff;border-right: 10px solid transparent;background: initial;position: absolute;top: 83%;left: 30%;}
	.m_4 .tab_main{width: 100%;overflow: hidden;position: relative;margin: 0rem;}
	.m_4 .tab_main .tm{width: 90%;display: none;overflow: hidden;margin: 1rem auto 0rem;padding-bottom: 5rem;}
	.m_4 .tab_main .tm h3{font-size: 1rem;margin-bottom: 1rem;position: relative;}
	.m_4 .tab_main .tm h3::after{display: none;}
	.m_4 .tab_main .tm p{font-size: 0.8rem;border-bottom: 1px dashed #eee;padding-bottom: 0.6rem;}
	.m_4 .tab_main .tm dl{margin: 0.6rem auto 0rem;overflow: hidden;}
	.m_4 .tab_main .tm dl dd{float: left;line-height: 1.6rem;font-size: 0.6rem;margin: 0rem 0.6rem 0.6rem 0rem;background:#f5f5fa;border-radius: 4px;text-align: center;padding: 0rem 0.4rem;}
	.m_4 .tab_wrap .alink{position: absolute;top: 82%;width: 100%;}
	.m_4 .tab_wrap .alink .mbtn{margin: 0rem auto;}
	.m_4 .tab_main .current{display: block; transition: all 1s;}
	.m_5{overflow: hidden;}
	.m_5 .simg{display: none;}
	.m_5 ul{width: 100%;margin: 1.4rem auto 0rem;}
	.m_5 ul li{width: 48%;float: left;margin: 0rem 0rem 0.6rem;border: 1px solid #eee;border-radius: 6px;text-align: center;cursor: pointer;padding: 0.8rem 0px;}
	.m_5 ul li:nth-child(2n){float: right;}
	.m_5 ul li i{display: block;width: 2.6rem;height: 2.6rem;border-radius: 50%;margin: 0.6rem auto;text-align: center;}
	.m_5 ul li i img{width: 100%;}
	.m_5 ul li h3{font-size: 0.8rem;margin-bottom: 0.6rem;}
	.m_5 ul li p{font-size: 0.6rem;padding: 0rem 0.6rem;line-height: 1.2rem;}
	.m_6 ul{width: 100%;margin: 1.4rem auto 0rem;}
	.m_6 ul li{width: 90%;padding: 1rem 0.6rem;margin: 0rem auto 0.6rem;overflow: hidden;cursor: pointer;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);border-radius: 6px;background: #fff;}
	.m_6 ul li i{display: block;width: 3rem;height: 3rem;float: left;margin-top: 10px;}
	.m_6 ul li i img{width: 100%;}
	.m_6 ul li div{width: 78%;float: right;}
	.m_6 ul li div h3{font-size: 1rem;margin-bottom: 0.4rem;}
	.m_6 ul li div p{font-size: 0.6rem;color: #666;}
	.m_6 .simg{display: none;}
	.m_8 ul{width: 98%;margin: 1.4rem auto 1rem;}
	.m_8 ul li{float: left;width: 90%;margin-right: 5%;box-shadow:0px 5px 10px rgba(0,0,0,0.04);border-radius: 6px;background: #fff;}
	.m_8 ul li h3{font-size: 1rem;text-align: center;background: #fbfcff;color: #eb3348;line-height: 3.6rem;border-top-left-radius: 6px;border-top-right-radius: 6px;border-bottom: 1px solid #eee;}
	.m_8 ul li h3 a{color: #eb3348;}
	.m_8 ul li dl{margin: 0.6rem auto;overflow: hidden;width: 80%;}
	.m_8 ul li dl dd{line-height: 2.2rem;color: #666;font-size: 0.8rem;overflow: hidden;}
	.m_8 ul li dl dd i{font-size: 20px;display: inline-block;float: left;margin: 0px 10px 0px 4px;line-height: 40px;}
	.m_8 ul li dl dd .fa-check-square-o{color:#12c604;}
	.m_8 ul li dl dd .fa-times-circle-o{color:#fe6b42;}
	.m_8 ul li .mbtn{margin: 0px auto 30px;}
	.m_9 table,.m_9 .title:first-child{display: none;}
	.m_9 ul{box-sizing: border-box;text-align: center;width: 98%;margin: 1rem auto 0rem;}
	.m_9 ul li{width: 30%;display: inline-block;margin: 0.4rem 1% 0px;}
	.m_9 ul li i{display: block;width: 100%;}
	.m_9 ul li i img{width: 100%;}
	.m_9 ul li p{font-size: 0.6rem;}
	.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;}
}